Basically I want to animate 2 blurred, colored elements with a fixed parent element spanning 100% of the screen as a canvas. The elements should be ever present on the page behind the content when the user scrolls.
I created a demo with only the background canvas here:
My 2015 MacBook Pro gets pretty loud after a while and when testing on older devices the browser had a hard time or eventually even crashed.
Can i improve this somehow? Any suggestions?