Dawn theme - rich text background image blurry

[DSS5]

hi guys, by the help from you guys i am able to add rich text background image, which is working great except in my mobile phone, and must be others mobile phones too.

please see screenshot provided. Background image is good/clear in desktop and Shopify mobile view option but not in my own phone, image is blurry. can some one help me this? thanks

URL www. deshoeshop. com

THNAKS

[zahid3d29]

Hello, you may try this css following. Paste the code style.css file or diectly rich text section with code will be here..

@media only screen and ( max-width: 768px ){
#shopify-section-template--20910929674533__a84f0b9f-b8c6-4b5c-9b8c-098ff8966bb2 .content-container {
    background-size: contain !important;
}
}

[DSS5]

thanks but, it is dividing image into 2 parts. please check screen shot below.

[zahid3d29]

sorry, though it was there already. You can try to update the code by following.

@media only screen and ( max-width: 768px ){
#shopify-section-template--20910929674533__a84f0b9f-b8c6-4b5c-9b8c-098ff8966bb2 .content-container {
    background-size: contain !important;
    background-repeat: no-repeat;
}
}

[DSS5]

sorry mate but now mobile view is all black, as below screenshot. thanks for help.