Square aspect ratio for thumbnail on Simple theme

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.

@zakkyobiru

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@KetanKumar

Hi,Thank you for reply.

This is my website.

zakkyobiru.myshopify.com

How do you think?

Thank you