Javascript 停止悬停时的循环动画，然后单击以再次启动

在下面的链接中，有一些气泡在循环中从左到右进行动画。如果将鼠标悬停在其中一个上方，它会变大并停止设置动画。我的问题是泡沫不会停止很长时间，我希望它永久停止，直到你点击它

我们也非常欢迎您重写部分代码，使其更好/更干净。我真的没有太多的编码经验：）