.bodyS{

    min-height: 500px;
    display: grid;
    place-items: center;
    background-color: rgb(13,13,40);
    

}

.slider{

    height: 500px;
    margin: auto;
    position: relative;
    width: min(100%, 1120px);
    display: grid;
    place-items: center;
    overflow: hidden;

}

.slide-track{
    display: flex;
    width: calc(640px * 17);
    animation: scrool 20s linear infinite;
}

/*
.slide-track:hover {
    animation-play-state: paused;
}
*/
@keyframes scrool {

    0% {
        transform: translateX(1000px);
    }
    100% {
        transform: translateX(calc(-640px * 11));
    }
    
}

.slide {
    height: 480px;
    width: 640px;
    display: flex;
    align-items: center;
    padding: 15px;
    perspective: 100px;
}

img {
    width: 100%;
    transition: transform 1s;

}


/*
img:hover {
    transform: translateZ(20px);
}
*/
/* GRADIENT SHADOWS /*/

.slider::before, 
.slider::after {
    background: linear-gradient(to right, rgba(13,13,40,1) 0%, rgba(13,13,40,0) 100% );
    content: '';
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;

}


.slider::before{
    left:0;
    top:0;
}

.slider::after{
    right:0;
    top:0;
    transform: rotateZ(180deg);
}