JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" class="tohide">
    <defs>
        <filter id="blur">
            <feGaussianBlur stdDeviation="1" />
        </filter>
    </defs>
</svg>
<div id="l1">Ой, а меня не размыло :)</div>
<div id="bg" style="filter:url(#blur);">
    <div id="l2">Ой, а меня размыло :(</div>
</div>

CSS

#bg{
    background-image:url(http://habrastorage.org/storage2/9d6/9ae/93e/9d69ae93e14e9885d95b1ebb0998fb6c.gif);
    width:400px;
    height:400px;
    position:absolute;
    top:0;
    left:0;
}
#l1{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    font-size:26px;
}
#l2{
    position:absolute;
    top:40px;
    left:0;
    font-size:26px;
}