.js-product-gallery {
    width: 100%;
}

.js-product-gallery .slick-arrow {
    bottom: 30px;
}


.js-product-gallery .slick-list,
.js-product-gallery .slick-track,
.js-product-gallery .slick-slide,
.js-product-gallery .slick-slide > div,
.js-product-gallery .product-gallery__item {
    height: 100%;
}

.js-product-gallery img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .js-product-gallery {
        width: 50%;
    }
}