.swiper {
    width: 100%;
    height: 100%;
}

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

.swiper {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:500px) {
    .swiper {
        width: 100%;
        height: 40%;
    }

}