.swiperContainer {
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
}

.swiperHero {
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.swiper-slide {
    height: 100%;
    width: 100%;
    position: relative;
}

.swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: blur(0px);
}

.swiper-slide .desktop {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-slide .mobile {
    display: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .swiper-slide .desktop {
        display: hidden;
    }
    
    .swiper-slide .mobile {
        display: block;
    }
}