/* Keep the venue photos balanced on desktop without changing the mobile layout. */
@media (min-width: 901px) {
  .venue-comparison-grid .venue-comparison-card > .venue-comparison-photo {
    display: block;
    width: 100%;
    height: 240px;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
  }

  .venue-comparison-grid .venue-comparison-card > .venue-comparison-photo--portrait {
    object-position: center 62%;
  }
}

/* Mobile venue photos use one taller shared frame so portrait and landscape originals align. */
@media (max-width: 900px) {
  .venue-comparison-grid .venue-comparison-card > .venue-comparison-photo {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
  }
  .venue-comparison-grid .venue-comparison-card > .venue-comparison-photo--portrait {
    object-position: center 62%;
  }
}