How to overlay svg correctly on a block?

Question

css

There is a small rubber block. It has a picture as a background, but also a text block. You can somehow blur this block along with the text.
Those. using https://60devs.com/cross-browser-blur-effect.html i can blur the background, but how can i blur the text as well?
Using a .jpg as a background with text written on it is not an option, because. when the page is compressed (if you hide the main span with text), the background narrows and the blurred text is not what it should be. Those. the block narrows, the background becomes narrower, changes its appearance, but the text fits in there and should not narrow.
Through svg because everything needs to work in IE.
here img refers to the image that needs to be blurred, but is it possible to somehow indicate that it blurs the tag or something like that?

Answer 1

I created a picture with only text and applied the same method