.outerbox{
    margin: 10px  ;
    width: 100vw;
    height: 45vh;
   
    overflow: hidden;
}
.slider{
   
    position: relative;
    animation: rupesh ;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
    
}
.images{
   
    display: flex;
    flex-direction: row;
    width: 3600px;
}
@keyframes rupesh {
    0%{
        left: 0px;
    }

    10%{
        left: 0px;
    }
    15%{
        left: -600px;
    }
    25%{
        left: -600px;
    }
    30%{
        left: -1200px;
    }
    40%{
        left: -1200px;
    }
    45%{
        left: -1800px;
    }
    55%{
        left: -1800px;
    }
    60%{
        left: -2400px;
    }
    70%{
        left: -2400px;
    }
    75%{
        left:-3000px;
    }
    85%{
        left: -3000px;
    }
   90%{
    left: -3600px;
  }
100%{
    left: 0px;
}
   


}