Fade out entire canvas opacity on page scroll


I’m using a canvas element to embed webgl animation, I’d like to make a simple fade out on scroll, however changing my canvas’s div in Webflow doesn’t not affect the canvas.

What is the easiest approach here?

Here is my site Read-Only: LINK Page name Home Clouds, you will see divcanvas right at the top of the page.

Live Website