.slider-box{
  width: 700px;
  height: 100%;
  margin-left: 30px;

overflow: hidden;
}

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

}

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


.slider-box img{
  width: 100%;
  height: 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%;}


}