I have played around a little bit and created a “Mega sale” banner on my homepage that is supposed to keep height regardless of the viewport. It scrolls through one long picture 2/3 or 66.666% of the way before it resets, which should give it the illusion of an infinite scroll.
However, It isn’t completely smooth and looks like it jumps.
I have tried to fix it for hours but I cant get it to work smoothly.
When you use CSS to animate the background, it will definitely choke when running for 15s, so if you want it to work well you need to split the image and change it to a slider according to JS.
Currently the theme is supporting flickity slider, so you can refer to the following demo. Refer link