JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<svg width=300 height=200>
  <filter id="colorMeMatrix">
    <feColorMatrix in="SourceGraphic"
        type="matrix"
        values=".25 0 0 0 0
                0 .125 0 0 0
                0 0 0 0 0
                0 0 0 1 0" />
  </filter>
  
  <image xlink:href="https://base-hcsv3v57uot3rvjao8afw9mlujjp8pszzgfp.netdna-ssl.com/wp-content/uploads/2012/01/Teton300.jpg" width=300 height=200 filter="url(#colorMeMatrix)"></image>
</svg>