Store Product Image Formatting

I have both landscape and portrait images I want to display on my store homepage. Mostly landscape so the images are in 3:2 landscape aspect ratio. The portrait images are "zoomed in" to fit the 3:2 landscape aspect ratio, so you can't see the full image which I don't like. I found some CSS online that fixed this, I'll leave it below for reference. But each product has 3 images, and when you hover over the image to see the 2nd and 3rd images I have the same issue as before with the image being "zoomed in" to fit the aspect ratio. Does anyone have any CSS I can add to or replace the current CSS I'm using that will make all portrait pictures be seen in full on my store homepage. I've also attached an example of a portrait image from my store, with the first image shown in full as I'd like and the second one with the "zoomed in" issue. Any help would be really appreciated!! :)

Can you share link to store page? We can check easier