.gallery{
    margin-bottom: 0px;
}
.slider{
    height: 45.57vh;
    position: relative;
    margin: auto;
    width: 90%;
    display: grid;
    place-items: center;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 10vh;
}
.gallery_content{
    display: flex;
    width: calc(27.08vw * 22);
    animation: scroll 45s linear infinite;
    
}
.gallery_content:hover{
    animation-play-state: paused;
}

@keyframes scroll{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(calc(-375px * 11));
    }
}
.slide{
    height: 39vh;
    width: 40vw;
    display: flex;
    align-items: center;
    padding: 15px;
    perspective: 10vw;
}
.gallery_content img{
    width: 100%;
    transition: transform 0.5s;
}
img:hover{
    transform: translateZ(10px);
}