.swiper {
            width: 450px;
            height: 400px;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #444;
            display: flex;
            justify-content: center;
            align-items: center;
        }

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

        @media screen and (max-width: 900px) {
            .swiper {
                margin-bottom: 20px;
                width: 80vw;
                height: 250px;
                position: relative;
                bottom: -250px;
                z-index: 1; 
                display: block;
            }
        }