[v8.0.27] How to infinity loop animation and add different delays to each element properly ?

[yuki16bit]

Hi everyone ~ :D
Here is my CodeSandbox: https://codesandbox.io/s/sharp-sara-0xpni?file=/src/App.js

Because of this issue: #1140 (useTrail Animation has no transition effect ?),
our team decided to use v8.0.27 in our project.

Then we stuck on this issue: #1160 (skipAnimation and infinite loop animations),
no matter skipAnimation is enabled or not, while loop crashes browser both v8.0.27 and v9.0.0-rc3.

So I'm trying using reset: true and onRest to loop animation,
but the animation now is not exactly what we want,
especially after added delays to it (Blue square and orange square will disappear in the middle air...).

We want each element constantly float up in different speeds, is there any other way to achieve it ?

Thanks!