.slick-carousel > div {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: padding-box;
}

.slick-carousel h1, .slick-carousel h2, .slick-carousel h3, .slick-carousel h4, .slick-carousel h5, .slick-carousel h6, .slick-carousel a {
    text-shadow: 2px 2px 8px black;
}

.product-card-1 .product-media img {
    width: auto;
}