@keyframes slidy { 0% { left: 0; } 11% { left: 0; } 14% { left: -100%; } 25% { left: -100%; } 28% { left: -200%; } 39% { left: -200%; } 43% { left: -300%; } 54% { left: -300%; } 57% { left: -400%; } 68% { left: -400%; } 71% { left: -500%; } 82% { left: -500%; } 85% { left: -600%; } 96% { left: -600%; } 100% { left: 0; } } #SlaytId { overflow: hidden; padding: 0 !important; width: 100%; } #SlaytId figure img { width: 14.285714%; float: left; height: 25%; } #SlaytId figure { position: relative; width: 700%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 24s slidy infinite; } #SlaytId:hover figure { -webkit-animation-play-state: paused; animation-play-state: paused; }