Streaming live at 10am (PST)

Mouse scroll animation - How? Tutorial?

We are looking for a tutorial/ a bit more guidance on how to create the following for the mouse pointer, about 5 seconds after the page finished loading and to revert back to default mouse pointer once user reaches the last section of the page.

We found a few old threads asking this, but the links to the solution didn’t work.

We found some coding for this:
https://codepen.io/danieledesantis/pen/qrVYpm

But no idea how to tie all of it together to create the mouse scroll icon animation. And we would like some small text to accompany the mouse animation to say ‘scroll to view more’.

Would anyone happen to know how we can approach this please? Or found a tutorial for this please?

Thanks!