Not understand how to fix a svg on a span (blocked by Webflow)

Hi everyone,

I’m looking to fix an image on a text-span as is it made on this website :

fixed svg on text

As we see in the DevTools the SVG is in the <‘span’>

fixed svg on text devtools

But when trying to do the same in Webflow I can’t put anything inside the H1 or text block.

First one is svg with image functionality and second one embed. None works.

Any ideas how to do it or how to fix a image/svg on a text (needs to be responsive, I will then adapt with breakpoints)?

Thank you in advance for any help ! Your the best !

Here is my site Read-Only:
[1]: Webflow - Axally

Fixed with dumb absolute and position but It seems that was not the method applied on the source website. Any better solution ?

Due to Webflow’s constraints with what they allow to be applied in a text span you’ll probably need to use custom code to emulate this example if you’re unhappy with the absolute positioning solution.

So basically instead of inserting an H1 you would insert a custom embed with the HTML structured similarly.

Okay thank you!

I solve the problem with fixing the .svg with position and absolute and calculating in advance the wrapping of the text.

Thank you very much for your help :slight_smile: