Consistent image sizes on Collection pages in Simple theme

[RagtagChris]

Hello. Most of my images on collection pages are consistent, but occasionally I get one that really sticks out. See my example below.

I have tried resizing the image within the product page but that does not have any noticeable change other than the image gets a little blurrier. 

I'm using the Simple theme and I've been searching around about how to correct his with no luck. I would rather not pay for a plugin to do this. This should be possible without the need for a plugin.

Any help would be appreciated. Thank you.

[KetanKumar]

Hello, @RagtagChris 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[RagtagChris]

Sure, thanks very much.

https://www.gaminggoataustin.com/collections/star-wars-legion

[KetanKumar · Accepted solution]

@RagtagChris 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product__image-wrapper {
height: 180px;
    overflow: hidden;
    padding: 0 !important;

.product__image {
height: 100%;
    object-fit: contain;
}

}

[RagtagChris]

Wonderful! That did the trick perfectly. Thank you so much.

[KetanKumar]

@RagtagChris 

Thanks for update and your compliment.

[SarahMMoore]

I just used this on my store and it worked  perfectly too. I'm shocked. It's perfect. I thought it was too good to be true. Thank you so much! 

[KetanKumar]

@SarahMMoore 

Thanks for your feedback