I need to get an opinion from more experienced guys in Flutter Frontend.
I have a project that has design elements that were created in Figma, an example of one of them you can see in the screenshot.
I need to implement them in my web application, but the problem is that I can’t take these elements as png or jpg raster images, because it will affect performance. Also, I can’t use svg because the design of these elements has filters such as blur, and Flutter (I don’t know for sure) does not support this. I have already tried to use flutter_svg – it ignores tags with filter and the element looks terrible. It seems that I found a loophole with the cached_network_image package, but it does not work stably – sometimes the image in svg format is shown, and sometimes an error about headers appears.

The only way I am moving now is to draw these elements using Flutter itself in the form of containers and other elements.

So here is the question: am I doing it right or maybe there is another way to work with svg in Flutter? Because I can now (sort of) draw these elements this way, but I will spend a huge amount of time, and also I don’t know how it will affect the performance of the application.
I will be grateful for any hint, thanks!