I’m trying to do this without changing the size of the image because when I did change the size of the image, it displayed wider - making it look like a fat can than a thin can. Also, it was repeating the image again as there was more space.
Here is my work: - https://codepen.io/Rosstopherrr/pen/LoKmJa
But what I’ve been trying to do is have a mouseover function. The size of the can needs to be small but when the cursor hovers the product it will display large, so the viewer can see the product clearly.
Am I in the right track here? I’ve tried changing the height size of my div classes and, as expected, did not work. Any solutions here without changing the size of the image??
Image Dimensions -
Width: 15.61 CM
Height: 11.6 CM
Resolution 150 pixels/inches
Resulting size - 248KB