.slide2{    
    width:100%;
    height:100%;
   
    position:fixed;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment:fixed;  
    background-color: black;
   
    left:0px;
    top:0px;
    
    z-index:-5;



}

.slide2.last{
    z-index:-2;
}

.slide2.current{
    z-index:-1;


    animation-name: slideAnimationLeft;
    animation-duration: 2s;
    animation-fill-mode: forwards;
        animation-iteration-count : 1;
}
@keyframes slideAnimationLeft{
    
        from { transform : translateX(5000px) }
        to   { transform : translateX(0px) } /* slide down to make room for advertisements */
    
}