Different size image on Desktop versus Mobile- Dawn Theme

Hi, I want my home page image to show up smaller (or cropped preferably) on Desktop. It’s optimized for a mobile device so in Desktop it’s too long. How can I do that?

Hi @FrostBC

Please share your store link to check

23a298.myshopify.com

Password is “FrostBC”

You can try to add this CSS code to Custom CSS of that section in theme customize

@media screen and (min-width: 750px) {
.banner { max-height: 500px }
.media>img { object-fit: contain; !important; }
.banner__media { background: #fff; }
}