Feature request: Support picture and source elements in svg to extend support for new webp and avif responsive images embedding

Hello community. I have met several issues with svg while optimizing web
apps performance for my clients and have a feedback.

My client's web apps are using `SVG` images extensively, and a lot of `SVG`
has image tags embedded into an SVG, so the code should be inlined due to
security limitations of cross linking in SVG files for images to be
securely requested.
And while looking to Google Chrome Lighthouse Audit, I see issues with
images in SVG code to be too big for mobile, but normal for desktop. I have
managed to fix this kind of issue for `<img />` in html, but currently have
no solution for SVG <image /> tag responsive optimizations.
Currently it is not possible to lazy-load `<image />` in SVG
It is not possible to dynamically change the src on size change, to save
bandwidth.
Using foreignObject with `<picture>` or just `<img/>` losing scale in Safari

I'm not sure where to open issues, if somebody can point me the right
directions, I would appreciate it.

Thanks!

Best Regards,
Alexey Lyakhov