Product component using CSS flex and grid

Hi,

I think you can use media queries in css where you change the image url OR you could create 2 <img></img> in HTML and use this:

.mobile--img{ display: none; } @media (max-width: 767px){ .mobile--img{ display:block; }

same with the desktop img.

There's many ways to fix your problem