/* Slideshow fix - KhasKraft */ .hero { position: relative !important; overflow: hidden !important; } .hero--650px { height: 650px !important; } .hero--750px { height: 750px !important; } .hero--550px { height: 550px !important; } .hero--450px { height: 450px !important; } .hero--100vh { height: 100vh !important; } /* DO NOT override .slideshow__slide positioning — let Flickity handle it */ .hero__image-wrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; } .hero__image, .hero__image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; } @media screen and (max-width: 768px) { .hero--650px, .hero--750px, .hero--550px, .hero--450px { height: 250px !important; } }