Product Preview Card Component Solution

I did my best to make my code matches the design as much as possible with both desketop and mobile solution. From previous experiences, I tried the best to use semantic HTML and relative units. But I still have few div tags to support better result. One thing I am not sure of is that with mobile solution. I used the exact height of image in ratio to make the display of the image matches the design. I am thinking there must be a better way to display the image reponsive to the change of the screen. Any advice?