How can I fix lag and glitches on Chrome caused by a sticky transparent canvas?

I made a small one pager which uses framer for scroll animations. I wanted to add a small smoke effect when scrolling past over a certain section.

The overall effect seems to function but it wrecks the whole sites performance on chrome.

It runs smooth on Firefox so it almost seems as if chrome doesn’t use hardware acceleration.

Here is the scrolling animation on chrome

Chrome
and on firefox

Firefox