Custom Aspect ratio on product page in mobile

Hi guys!
I use this code to make my paintings fit into a square, it works fine, but it doesn't work in the mobile version on the product page in the carousel.
And also it doesn't work in the shopping cart and in the mobile version too 😞
How to fix it?

.grid-image img {
    object-fit: contain !important;
}

https://falcon-lavender-b2h4.squarespace.com/
pw: support

Don't remove any code in your current code

Add to Design > Custom CSS

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}
.cart-row-img-wrapper div {
    background-size: contain !important;
}

18 hours ago, tuanphan said:

Don't remove any code in your current code

Add to Design > Custom CSS

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}
.cart-row-img-wrapper div {
    background-size: contain !important;
}

 

Big thanks! ☺️