The images on my collection page & thumbnails for individual product pages(product detail page) are still image’s original ratios that have been uploaded.
I want to crop them all to square ratio.
And I want them to trim with object-fit: cover ;.
But in the largest image of the product, I want them to square ratio but want to trim with object-fit: contain;
Or, only in this place, It may not need to trim, and it may ok that it keep the aspect ratio as original.
I don’t know until I see it …But maybe first one is better?
If anyone knows, please help.
I have attached the code.
Thank you.


