How can I create a scrolling animation in Elementor?

Question

I want to create a scrolling effect similar to this website: TradeQuick Inc.. When the user scrolls down, the image should move up and eventually disappear (as if display: none is applied). I’ve tried multiple approaches but haven’t been able to achieve this effect.

My site: Hero Animation.

Can you please help me implement this effect?

I've experimented with multiple approaches to achieve this effect, including Elementor Pro's scrolling effects, custom CSS, and JavaScript. Despite my efforts, none of these methods have worked as expected.

I've tested different configurations, adjusted various settings, and even tried troubleshooting potential conflicts, but I still haven't been able to get the desired result.