How can I fix a hero slideshow that is not optimized for all screen sizes?

[xammyja]

hero image gets cut and is not optimized for other screen sizes. how to resolve this?

URL: https://karimadonfashion.myshopify.com/

PASSWORD: niajuy

[oscprofessional]

@xammyja

@media only screen and (max-width: 1180px) {
#shopify-section-template--18308040851745__facdc3ef-699f-4ea6-9f55-480ae4b6d94f .hero-slide {
    height: 148vh;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid