.slideshow {
  height:auto;
  min-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.slideshow .moverleft{
    transform: translateX(-55%);
    animation: moveSlideshow 15s linear alternate infinite;
}

@keyframes moveSlideshow {
    0%{
        transform: translateX(-55%);
    }
    100% { 
        transform: translateX(5%);
    }
}


@media all and (max-width: 400px){
    
    .slideshow .moverleft {
    transform: translateX(0px);
    animation: moveSlideshowSM 15s linear alternate infinite;
    }

    @keyframes moveSlideshowSM {
        0%{
            transform: translateX(50px);
        }
        100% { 
            transform: translateX(-900px)  
        }
    }
    
}