.gallery-main {padding: 1em 1.5em 2em;}
.gallery-main h1 {color: #36c; font-size: 1.5em;}
.photo-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 1em;}
.photo {display: block; padding: .5em; background: #e6f4ff; text-align: center; overflow-wrap: anywhere;}
.photo img {display: block; width: 100%; height: 110px; object-fit: cover; margin-bottom: .4em;}
.photo span {font-size: .85em;}
@media (max-width: 700px) {
  .gallery-main {padding: .75em;}
  .photo-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5em;}
}