.swiper {
    width: 100%;
    /* height: 400px; */
}

.image-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Center text */
.text-swiper {
    width: 400px;
    pointer-events: none; /* no swipe */
}

.text-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

/* Disable translate movement */
.text-swiper .swiper-wrapper {
    transform: none !important;
}

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

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