Product preview card component

The only challenging think that I found was using different images for mobile and desktop component.

I found it challenging because I'm still no aware of the best way to add images depending on media query. What I did was to put a div placeholder where the image goes and update the content with media query. However, later I encountered issues with the sizing of the image and I feel like I hard coded that part of the solution.

Please Let me know what is a better approach for adding dynamic images.