Dawn theme desktop image banner blurry

[DIG]

Hi there, 

I'm currently using the following code to have different image for desktop and mobile banner, BUT as the result of using this code, the "desktop image banner(s) is extremely blurry". NEED HELP : (

.banner__media:first-child {
width: 100%;
}
.banner__media+.banner__media {
display: none;
}
@media screen and (max-width: 749px) {
.banner__media:first-child {
display: none;
}
.banner__media+.banner__media {
width: 100%;
display: block !important;
}
}

Thanks in advance !!

[ExpertRookie]

@DIG 

Not sure about what version of Dawn them are using, but the latest version has supported to allow user select the image for desktop and mobile separately

[DIG]

hi, i am using Dawn version 7.0.1 - first image for desktop, and second image for desktop too (appeared side-by-side, not separately on mobile)

[GemPages]

Hello @DIG 

I would like to give you some recommendations to support you
I think the image used on the desktop banners is smaller than the screen size. You can use bigger image to it.
I hope the above is useful to you.
Kind & Best regards!
GemPages

[GemPages]

Hello @DIG 

I would like to give you some recommendations to support you
can you send me your store URL so I can check it more?
I hope the above is useful to you.
Kind & Best regards!
GemPages