Hide/Show element when scroll

The task is as follows: it is necessary to make frame-by-frame animation with the scroll.

The solution was to hide and display each frame depending on the process of the bar (оn the video, I recorded an example of what I would have done right, but for some reason it does not work).

What could be the reason?

VIDEO: Перейдите на главную

PUBLIC LINK: https://preview.webflow.com/preview/coin-495edb?preview=f1df1b474f49a8904cca278288a891f2

If try to do it with transparency, then the animation runs smoothly (not as required)

Any ideas? Is this a bug or something I did wrong?