How to ensure media fits image

Shopify Discussion
1

I tried this and it works for the main product grid:

#product-grid .card__media .media img {
object-fit: contain;
background-color: #fff;
}

But I want this to only work for certain collections and not others. is that possible ?

How can we achieve the same effect for recommended product section?

2

Hi,

Hope this will help

Identify correct CSS selector
Apply same css to recommended product

css example

.product-recommendations .card__media .media img {
    object-fit: contain;
    background-color: #fff;
}

Add css to your theme