.ao-gallery-thumbnail {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.ao-gallery-card,
.ao-gallery-trigger,
.ao-gallery-thumbnail {
  transition: transform .2s ease, box-shadow .2s ease;
}

.ao-gallery-trigger:hover .ao-gallery-thumbnail,
.ao-gallery-trigger:focus-visible .ao-gallery-thumbnail {
  transform: scale(1.025);
}

.ao-gallery-trigger:focus-visible {
  outline: .2rem solid var(--bs-primary);
  outline-offset: .15rem;
}

.ao-gallery-lightbox-image {
  max-height: 72vh;
  object-fit: contain;
}

@media (prefers-reduced-motion: reduce) {
  .ao-gallery-card,
  .ao-gallery-trigger,
  .ao-gallery-thumbnail {
    transition: none;
  }
}