#stapel figure:nth-of-type(1) { animation: bild 12s ease-in-out infinite; } #stapel figure:nth-of-type(2) { animation: bild 12s 6s ease-in-out infinite; } @keyframes bild { 0%, {top:-400px; opacity:0; z-index:0;} 16.666666666667%, {top:0; opacity:1; z-index:1;} 50% {top:0; opacity:1; z-index:1;} 66.666666666667% {top: 400px; opacity:0; z-index:0;} 100% {top:-400px; opacity:0; z-index:0;} } #stapel:hover figure, #stapel:hover .laden { animation-play-state: paused; }