swiper-container {
    width: 240px;
    height: 320px;
}

/* Styles for desktop */
@media (min-width: 576px) { /* Adjust the min-width as needed */
    swiper-container {
        width: 500px; /* Width for desktop */
        height: 375px; /* Height for desktop */
    }
}

swiper-slide {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    border-radius: 18px;
    color: #fff;
    flex-direction: column;
    justify-content: space-between; /* Ensure space is distributed */
    overflow-y: auto; /* Allow vertical scrolling */
    padding: 10px; /* Add some padding */
}
.mySwiper {
    user-select: none; /* Prevent text selection in the entire swiper */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
swiper-slide:nth-child(1n) {
    background-color: rgb(250, 231, 231);
}

swiper-slide:nth-child(2n) {
    background-color: rgb(229, 243, 255);
}

swiper-slide:nth-child(3n) {
    background-color: rgb(230, 247, 240);
}

swiper-slide:nth-child(4n) {
    background-color: rgb(250, 241, 230);
}

swiper-slide:nth-child(5n) {
    background-color: rgb(241, 245, 230);
}

swiper-slide:nth-child(6n) {
    background-color: rgb(247, 230, 234);
}

swiper-slide:nth-child(7n) {
    background-color: rgb(233, 239, 231);
}

swiper-slide:nth-child(8n) {
    background-color: rgb(229, 236, 255);
}

swiper-slide:nth-child(9n) {
    background-color: rgb(251, 230, 251);
}

swiper-slide:nth-child(10n) {
    background-color: rgb(234, 238, 237);
}