choppy animations in Firefox with mask

Hi guys,

I have run into a performance issue with my personal website. I have this background animation that runs infinitely. On top of it there is a mask, making the edges fade out.

This all works perfectly in chromium based browsers, but on firefox it lags a lot when using the mask. Disabling or removing the mask stops the lag and makes the animaton run smoothly.

Is there anything I can do about this besides straight up disabling the mask if the user is using Firefox?

I can provide code if necessary
Was this page helpful?