Exporting triangle with background blur element for frontend development

I have an example of what I’m talking about here:

How would you export these elements for frontend development. Is there any alternatives to SVG? I use this background blur technique in a lot of my work, and the dev team always has trouble exporting it and implementing it for irregular shapes.

What I tried:
I exported just the triangle element as an SVG that uses a background blur. Add it to my HTML it doesn’t actually blur the elements below, the background blur only happens within the SVG element.

Please let me know if I can answer any questions.

Thanks in advance for the help :blush: