.product-card-shell .bg-light,
.product-card-shell .product-card__media,
.product-card-shell [class*="thumbnail"],
.product-card-shell picture,
.product-card-shell img {
    background-color: transparent !important;
}

/* Keep card frame size, but fit images inside without upscaling/cropping. */
.product-card-shell .product-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card-shell .product-card__media img,
.product-card-shell .product-card__media picture,
.product-card-shell img.img-fluid.w-100.h-100.object-fit-cover,
.product-card-shell img.w-100.h-100.object-fit-cover {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}