css - CSS Slider -- 在每张幻灯片上触发关键帧

Question

我希望在我的 CSS 滑块上的每张幻灯片后几秒钟内有一个元素幻灯片。动画目前只发生在第一张幻灯片上。我想要做的甚至可能吗？

keyframes top {
from { top: 0; right: -250px; }
to   { top: 0; right: 100px; }
}
.top {
  animation-duration: 2s;
  animation-name: top;
}

这是我所拥有的完整演示：

https://jsfiddle.net/tekgirl/zcm2w6e1/

PS 我希望元素保持在 100px 标记，而不是一直向左移动。