Image banner blurry on mobile

Store Design
1

My mobile view banner looks very blurry but clear on desktop. Can someone help me on this please?

Website : https://nothingchanges.com.my/

Password : kyle12477

2

Hi @nothingchanges ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media screen and (max-width: 749px) {
    .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 97vh !important;
    }
}
3

Could you help me with this too?

these are the pages that appears blurry on mobile but clear on desktop :

https://nothingchanges.com.my/

https://nothingchanges.com.my/collections/women

https://nothingchanges.com.my/collections/men

https://nothingchanges.com.my/collections/eid-25-the-eid-venture-of-alys

https://nothingchanges.com.my/collections/new-arrivals

https://nothingchanges.com.my/pages/about-us