body:is(.eb-page-index, .eb-page-collection, .eb-page-product) #MainContent .product__media,
body:is(.eb-page-index, .eb-page-collection, .eb-page-product) #MainContent .product-image:has(.product__media) {
  background-color: var(--eb-image-background, #fff) !important;
}

body:is(.eb-page-index, .eb-page-collection, .eb-page-product) #MainContent .product__media img {
  object-fit: contain !important;
}

body:is(.eb-page-index, .eb-page-collection) #MainContent .product__media img {
  object-position: 50% 50% !important;
}

@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
  body:is(.eb-page-index, .eb-page-collection, .eb-page-product) #MainContent .product__inner.show-hover-img:hover .product__media:has(img.product__hover-img),
  body:is(.eb-page-index, .eb-page-collection, .eb-page-product) #MainContent .product__inner.show-hover-img:hover .product-image:has(img.product__hover-img) {
    background-color: var(--eb-image-hover-background, var(--eb-image-background, #fff)) !important;
  }
}

body.eb-page-product #MainContent .beis-gallery [media-gallery="image"],
body.eb-page-product #MainContent .eb-feature-card__image {
  background-color: var(--eb-image-background, #fff) !important;
}