#gallery-section {
  border-top: 0;
}

#gallery .gallery {
  /* Scale the approved 1280px collage as one piece, including its gutters. */
  display: block;
  position: relative;
  aspect-ratio: 1280 / var(--gallery-height);
  margin-top: 0;
}

#gallery .gallery-photo {
  position: absolute;
  left: var(--photo-x);
  top: var(--photo-y);
  width: var(--photo-width);
  margin: 0;
  border-radius: 3px;
}

#gallery .gallery-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#gallery .gallery-photo figcaption {
  display: none;
}

@media (max-width: 760px) {
  #gallery .gallery {
    display: flex;
    flex-direction: column;
    aspect-ratio: auto;
    gap: 28px;
    max-width: 580px;
    margin-inline: auto;
  }

  #gallery .gallery-photo {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  #gallery .gallery-photo--cat {
    width: 65%;
    align-self: flex-end;
  }

  #gallery .gallery-photo--photo-wall {
    width: 80%;
    align-self: flex-end;
  }
}