- use mid journey to generate an image - use depth anything to generate a depth map - segment the image by depth - turn the image into a mask - convert the mask into an svg you can try it in the comments. — Silicon Jungle (@JungleSilicon)

It's a bit of a misconception that an SVG's viewbox has anything to do with its width. For the most part, the SVG's width is controlled by CSS and/or the width attribute *only*, while the viewbox is more akin the SVG's "camera":

It's a bit of a misconception that an SVG's viewbox has anything to do with its width. For the most part, the SVG's width is controlled by CSS and/or the width attribute *only*, while the viewbox is more akin the SVG's "camera": pic.twitter.com/LPRseIpgMb— Nanda Syahrasyad (@nandafyi) October 30, 2023

You can make any HTML/CSS layout automatically scale to container if you put it into an SVG element.Just discovered it when making this responsive, dark mode aware diagram. pic.twitter.com/NxfasuN6nl— Vlad Moroz (@vladyslavmoroz) January 28, 2023