Issue with store when upgrading plugin

Hi

I have a client whose eCommerce website shows properly the Images in Categories and Product images.

They are both different sizing.

Product Images are set in Theme/Woocommerce/2:3 ratio
and max width in css of 210px.
Height is 294px and width is 210px.

4 columns wide for images.

The Category images are 210px x 210px

The main issue I have is when I upgrade to current Woocommerce plugin, it messes up the images in the Category section, seems to chop the actual images (in view) and you can’t see the entire image.

Something odd goes on. Then to fix it I have to revert back to the previous Woocommerce version.

It is very frustrating. I have tried to fix it before with CSS also (as I have it on a TEST server also) where the Woocommerce has been updated and it doesn’t look good in the Category section. I have left it like that so I can play and try and figure out how to fix it (rather than affecting the live site each time).

Could someone possibly give me some advise on HOW to fix this ?

I tried to find some coding in CSS to copy from Inspect Element (so I could force the image height or width in the Category area ONLY to change).

But even just trying to change the code to this doesn’t work. The image on left and right is chopped (cannot see it all in other words). I thought if I

It was all looking perfectly fine BEFORE the Woocommerce upgrade, so some coding has changed in the new version I would say to affect this.

ul.products li.product.product-category img {
max-width: 180px !important;
}

Does anyone have any ideas or advice on how to fix this please ?

Greatly appreciated !

Regards
Kristin