How to fix hover image resizing issue on product listings?

[madisonellbee]

Hi everyone!

I finally figured out how to add the hover feature to my shopify store, but when it hovers the second image is a lot smaller than the first one which makes it look totally weird. I've tried resizing both images to be the exact same but it doesn't change anything, as well as the first image was made much larger than it was without this feature. Also it undid my coding to make the text under the photo centred. Thanks in advance!

[madisonellbee]

Wanted to add I'm using the debut theme and used the code from https://ecomexperts.io/blogs/liquid-tutorial-shopify/alternate-product-image-on-hover