.product-media-container .product-media img.product-media__image,
.swiper-controls__thumbnail > img,
.card__media .media img {
  object-fit: contain !important;
  object-position: center center !important;
}

.product-media > img.product-media__image,
.swiper-controls__thumbnail > img {
  position: relative;
  z-index: 1;
}

.swiper-controls__thumbnail {
  position: relative;
  overflow: hidden;
}

.product-media::before,
.swiper-controls__thumbnail::before,
.card__media .media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--e3-img-fill-bg);
  pointer-events: none;
}