[Constant spinning element when no action and rotating according to scroll direction]

@OSUblake You are the best and Your answer was very helpful. The timeScale was new solution for me, now I understand how should it work and it gave me new experience. Thank You also for official example, of course I saw that before, but I didn't realised that will appropriate for my problem.
I love You (no homo).

[Constant spinning element when no action and rotating according to scroll direction]

Hello Dear GSAP Community,

 

Could someone help me to achieve cool effect in my codepen? As You can see there is image of blue bubbles which I want to rotate.  This is description what I would like to receive:
 - The image has to react on scroll speed and direction. The faster You scroll, the faster it is spinning, also with differend spinning direction. It is already working.
 - When page is not scrolling the image is rotating itself, but it direction of rotation is dependent from last scroll direction or rotate right, when first time on page and not scrolled yet.

You will see this effects but bugged. There is no smoothly change animation, but its reset when stop scrolling.
So, those animations are there, but they are not cooperating with each other and probably they won't work due to way I wrote there. Is it possible to make it work?

I hope everything is understandable.

See the Pen BaWjWNy by logimw (@logimw) on CodePen