Javascript 制作动画，如；条纹/客户“；商标

我想为我的徽标制作动画，如中所示

也许是没有震动的动画。但圆圈必须转到左侧，然后再次繁殖到右侧。我看到div必须超过屏幕大小（在现场它有3000px）。我没有任何代码，但欢迎提出任何想法

---

如果它有js代码，如果您想要一个简单快速的CSS专用解决方案，我如何使用React实现：
创建一个包含所有徽标的图像。使其成为一个漂亮的标志网格，以便图像可以水平重复。设置背景位置的动画

@关键帧滚动bg{
0%{
变换：translate3d（0,0,0）；
}
100%{
变换：translate3d（-1500px，0，0）；/*图像的宽度*/
}
}
.横幅包装{
溢出：隐藏；
}
.横幅{
高度：300px；
宽度：4500px；
背景：url（“https://picsum.photos/g/1500/300?image=2）重复-x；
动画：滚动bg 35s线性无限；
}