JSFiddle - React, Tailwind, and code Playground

by burnso

HTML

<svg width="200" height="200" viewBox="10 10 280 280">
    <filter id="multiply">
        <feBlend mode="multiply"/>
    </filter>
    <image id="kitten" x="0" y="0" width="300" height="300" xlink:href="http://fillmurray.com/300/300" />
</svg>

CSS

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