SVG rendering issues on Firefox

Hi everybody! I need some help with SVG + Webflow.

I’m trying to implement this design layout

I use SVG white triangle (position:absolute) to cover blue background in hero image.

For some reasons I saw this grey stripe on the bottom. But I’ve fixed it by negative margin -1.

Now I’ve got this issue with Firefox: this SVG-triangle loads with short delay once I scroll down

Here is the video how it works on my side

Here is my site Read-Only:

Does anybody know how to manage this?

Thanks in advance