* 
.slider-box {
    width: 600px;
    height: 600px;
    margin:170px 0px;
    }

.slider-box ul { 
    display: flex;
    padding: 0;
    width: 400%;
    animation: slide 10s infinite alternate ease-in-out;
}

.slider-box li{
    width: 100%;
    list-style: none;
    position: relative;
    
}

.slider-box img {
width: 100%;

}

@keyframes slide {
    0% {margin-left:0;}
    20% {margin-left:0;}

    25% {margin-left:-100%;}
    45% {margin-left:-100%;}

    50% {margin-left:-200%;}
    70% {margin-left:-200%;}

    75% {margin-left:-300%;}
    100% {margin-left:-300%;}

    
    


}