Border on custom SVG mask

Hi,
Im trying to get stroke/border on custom SVG mask but Im doing something not right,
could you give me some idea please what can I do?


Here is my site Read-Only: https://preview.webflow.com/preview/jindrichs-stunning-site?utm_medium=preview_link&utm_source=designer&utm_content=jindrichs-stunning-site&preview=f3a44d163e415402ac6d53b21823ad34&workflow=preview

(how to share your site Read-Only link)

Hi jindrich_stanek,

I haven’t had to approach this myself, but did find a couple of methods listed here. Overall, it seems that for complex shapes, the simplest solution is to essentially draw two shapes, one slightly larger than the image element to act as a “border”. Hope this helps!

Hi all
In the end I got paid help with the code which works nicely, but I just found out that the whole SVG thingy doesnt work in the EDITOR at all, it shows me empty space :confused: any idea?

https://preview.webflow.com/preview/svg-mask-stroke?utm_medium=preview_link&utm_source=dashboard&utm_content=svg-mask-stroke&preview=a12a268d26695a8e99f20486189f73e0&workflow=preview

Hey! Thanks for the update. What are you seeing in the designer exactly? When I load up, here’s what I’m seeing, which appears to be the same as the published site.

Hi , the issue is at the end user EDITOR mode, the DESIGNER and the publish result are good. At the EDITOR is a blank space instead of image, due the mask webflows editor cant recognise image I guess.