.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%;
  }
}

.thumb-gallery[data-length='1'] {
  .swiper-container-thumbs {
    display: none;
  }
}

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