.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
    .swiper-slide::after {
        content: "";
        border-radius: 5px;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 6px 6px 3px 3px rgba(0, 0, 0, 0.5);
        opacity: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .swiper-slide:hover::after {
        opacity: 1;
    }