Custom HTML section - Can I create IMG html code to desktop and mobile response?

Store Design
1

Hello,

I can make custom HTML section on my product page. I need make img with link to another page. Can I make code that another img will appear on desktop and another will appear on mobile?

my current html code is: Policzona Szama Naczynie ceramiczne do zapiekania Pulled Pork

and one picture is loading on desktop and mobile. I need another (with another ratio of course) on mobile than desktop.

Is there any solution?

2

Like this. This is banner with Custom HTML section.

Can I paste code to make another picture show up on mobile?

baner HTMl.jpg
baner HTMl.jpg1720×863 113 KB

3

I have code for one banner like this: Policzona Szama Naczynie ceramiczne do zapiekania Pulled Pork

here:

Mromat_0-1628964479671.jpeg
Mromat_0-1628964479671.jpeg999×543 54.4 KB

Now is the question it is possible to create code that will show up this IMG on desktop and another on mobile?

HTML code with this pic:

<img src=“https://cdn.shopify.com/s/files/1/0559/7881/9741/files/baner_product_page.jpg?v=1628866622” …

and I need this img on mobiles in the same a href (with another ratio for better read):

“https://cdn.shopify.com/s/files/1/0559/7881/9741/files/baner_product_page_mobile_0e6b2c9f-d52f-4bbe-…”