JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="350">
    <image xlink:href="http://thecsscoder.com/blog/blog-images/dog.jpg" x="0" y="0" height="300" width="300"/>
    <image xlink:href="http://thecsscoder.com/blog/blog-images/landscape.jpg" x="0" y="0" height="300" width="300"/>
    <filter id="multiply">
        <feBlend in="SourceGraphic" mode="multiply"/>
    </filter>    
</svg>

CSS

image {mix-blend-mode:multiply}