.thumb-gallery {
  position: relative;

  .swiper-container-main {
    aspect-ratio: 16 / 9;
  }

  .swiper-container-thumbs {
    margin-top: 16px;
    padding: 0 16px;
  }

  .swiper-slide-main,
  .swiper-slide-thumbs {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  &--missing-image {
    .swiper-slide-main,
    .swiper-slide-thumbs {
      object-fit: contain;
    }
  }
}

@include media-breakpoint-up(sm) {
  .thumb-gallery {
    .swiper-container-thumbs {
      padding: 0;
    }
  }
}