img {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}

.swiper-container {
    width: 320px;
    height: 480px;
    overflow: hidden;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px !important;
    height: 405px;
    top: 2%;
    left: 50%;
    transform: translate(-50%, -7%);
}

.swiper-slide.one {
    background: orange;
    background-image: url('images/1.jpg');
    background-size: cover;
    background-position: center;
    /* box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1); */
    box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1);
}

.swiper-slide.two {
    background: blue;
    background-image: url('images/2.jpg');
    background-size: cover;
    background-position: center;
    /* box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1); */
    box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1);
}

.swiper-slide.three {
    background: purple;
    background-image: url('images/3.jpg');
    background-size: cover;
    background-position: center;
    /* box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1); */
    box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1);
}

.swiper-slide.four {
    background: black;
    background-image: url('images/4.jpg');
    background-size: cover;
    background-position: center;
    /* box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1); */
    box-shadow: 12px -7px 10px -8px rgba(0, 0, 0, 0.1);
}