challenge-vtex-io-andrea-matsunaga/styles/sass/pages/product/vtex.store-components.scss

.container {
  margin: 0;
  padding: 0;
}

.productImagesGallerySlide {
  width: 100% !important;
  margin: 0;

  .productImageTag {
    // background-color: yellow;
    width: 100%;
    // height: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
  }
}

.carouselGaleryThumbs {
  // background-color: blue;
  margin-top: 16px;
  display: block;

  .productImagesThumb {
    width: 90px !important; // 13.5543% !important (em  1440px);
    height: 100% !important;
    margin-right: 16px;
    margin-bottom: 0;

    &:last-child {
      margin-right: 0;
    }

    .figure {
      width: 100%;
      height: 100%;

      .thumbImg {
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 8px;
        object-fit: cover;
      }
    }

    &.productImagesThumbActive {
      .carouselThumbBorder {
        border-radius: 8px;
        background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.33),
          rgba(0, 0, 0, 0.33)
        );
      }
    }
  }
}