/* Compact thumbnails preserve the original screen proportions; tap to open full size. */
.gallery {
  align-items: start;
}

.shot {
  width: 100%;
  max-width: 150px;
  justify-self: center;
}

.shot img {
  height: 210px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: top;
}

.adventure .phone-shot {
  width: min(100%, 135px);
  height: 180px;
  object-fit: cover;
  object-position: top;
  order: -1;
}

@media (max-width: 520px) {
  .shot {
    max-width: 135px;
  }

  .shot img {
    height: 190px;
  }

  .adventure .phone-shot {
    width: min(100%, 120px);
    height: 160px;
  }
}
