﻿body {
}
.slider {
    width:1300px;
    height:300px;
    background:url(Images/Hair-Fall-Treatment.jpg);
    margin:100px auto;
    animation:slide 20s infinite;
    
}
@keyframes slide {
   
    15% {
        background:url(Images/IMG-20180605-WA0007.jpg);
    }
    30% {
        background:url(Images/IMG-20180605-WA0008.jpg);
    }
    45% {
        background:url(Images/IMG-20180605-WA0013.jpg);
    }
    60% {
        background:url(Images/images-1.jpg);
    }
    75% {
        background:url(Images/images-2.jpg);
    }
    90% {
        background:url(Images/images.jpg);
    }
    100% {
        background:url(Images/Hair-Fall-Treatment.jpg);
    }
    

}
.slider1 {
    width:10px;
    height:5px;
   background:left;
    margin:1000px auto;
    animation:slide 20s infinite;
}
           