html, body {
    height: 100%;
}

.main, .main .swiper-container {
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100% !important;
    background-size: 100% 100%;
}

.main .slide1 {
    background: rgba(0, 0, 0, 0.2);
}

.main .slide2 {
    background: rgba(0, 0, 0, 0.4);
}

.main .slide3 {
    background: rgba(0, 0, 0, 0.6);
}

.main .slide4 {
    background: rgba(0, 0, 0, 0.8);
}

.main .slide5 {
    background: rgba(0, 0, 0, 1);
}