Home page Hero image not responsive - Debut Theme

[lwdesigns]

Hello, 

I'm using the Debut theme and the home page hero image is not responsive and is cut off in mobile view.

Can anybody help me with this?

Any suggestions would be greatly appreciated

Site: tausi-beauty.myshopify.com/
Password: Tausi123

[paramSoft]

Please place this code at the end of theme.scss

@media only screen and (max-width: 600px) {
.hero__inner {
    padding: 102px;
}
.hero {
    height: unset;
    background-size: contain;
}
}

[Zworthkey]

Hi, pls mark which image is cut off

Thank you.

[Pallavi]

Hello There,

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

div#Hero-hero-1 {
height: 50vw !important;
}

[lwdesigns]

Thank you, I'll try it

[lwdesigns]

It's the main hero image right underneath the navigation bar at the top

[lwdesigns]

@paramSoft 

This worked, thanks so much

[paramSoft]

@lwdesigns Thank you for the update.