.swiper-slide {
    display: flex;
    justify-content: center;
}

.swiper-slide img {
    width: 700px;
}

.swiper-slide-active img {
    z-index: 100;
}

.swiper-pagination {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}

.swiper-pagination-bullet {
    margin: 0 5px !important;
    width: 10px !important;
    height: 10px !important;
}

@media only screen and (max-width: 600px) {
    .swiper-slide img {
        width: 600px;
    }
}

@media only screen and (max-width: 420px) {
    .swiper-slide img {
        width: 500px;
    }
}

@media only screen and (max-width: 320px) {
    .swiper-slide img {
        width: 400px;
    }
}