Debut theme different image with text overlay mobile and desktop (images on mobile look blurry)

[AeternalLovers]

Please someone help me add diferent images on moible version for the text overlay sections. Images on mobile look blurry.

This is my website: aeternal-lovers.myshopify.com

Password: jaillo

thanks!

[KetanKumar · Accepted solution]

Hello, @AeternalLovers 

Thanks for your post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.hero {
    background-attachment: scroll !important;
}
}

[AeternalLovers]

Oh wow, that really worked. Thank you!

[KetanKumar]

@AeternalLovers 

Thanks for your compliments 

[Alainkaz]

Hello, I cannot find theme.scss.liquid under assets in my theme code. I am using debut is that why?

[KetanKumar]

@Alainkaz 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Alainkaz]

Hello Ketan, I figured it out, but I had another question regarding my store. I added a section in which I added a code which lets me have a different image for mobile and desktop view. I would like to add a "Buy Now" button onto the section which allows me to put a different image for mobile and desktop view. Please let me know if you don't understand, since my request is quite confusing.