How to make product Image, in product loop, fit both horizontally and vertically

When listing products from a category, the featured images get cutoff.

I tried setting the image CSS to:

width:100%;

height:100%;

but that didn’t do the trick.

Can you please let us know how to not have the image cutoff, and make it fit horizontally/vertically in its container?

Thanks in advance!