无限滚动照片横幅，带有HTML和CSS暂停动画悬停

在本教程之后，我用HTML和CSS制作了这幅无限炫目的照片横幅-

到目前为止，它的工作，但我希望它暂停时，我悬停在任何图像

尝试将

-webkit动画播放状态设置为：暂停显示图像的悬停状态，但它仅适用于第一个图像

理想情况下，当我将鼠标悬停在任何一张照片上时，我会暂停两行

这是我的密码笔-


任何帮助都将不胜感激：）
将动画添加到包装div，而不是第一张图像：

.photobanner {
  height: 233px;
  width: 3550px;
  animation-play-state: running;
  animation: bannermove 30s linear infinite;
}

并在将鼠标悬停在包装容器上时暂停动画：

.photobanner:hover {
  animation-play-state: paused;
}