Dawn Theme: Using a different image for the desktop and mobile site. Blurry photo.

[mencrem]

Hi everyone. I was wondering if anyone could help me with this problem. I am using the Dawn theme and I want to use one image for my desktop and a different image for the mobile since I needed a resized image of the desktop version for the mobile.

I copied and pasted a few codes that I saw on here that would make that work on this thread.

https://community.shopify.com/c/shopify-design/separate-banner-images-on-mobile-and-desktop-dawn-the...

While its buggy, it did end up kind of working. sometimes? But now I have a new issue. It seems that ever since I did that, the banner images are coming out a lot blurrier. 

I would appreciate if someone knew how to do this correctly or know any ways to fix this issue. Thank you so much. 

[Sphurti]

please share your store link

[SmallTask]

Hello @mencrem 

Can you share your website URL so that I can check and help you in fixing this issue?