JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="200" height="200" viewBox="10 10 280 280">
    <filter id="blur">
        <feGaussianBlur stdDeviation="10" />
    </filter>
    <image id="kitten" x="0" y="0" width="300" height="300" xlink:href="http://placekitten.com/300" />
</svg>

CSS

#kitten:hover {
    filter:url(#blur);
}