JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="filter1" x="0" y="0">
      <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
      <!-- <feColorMatrix in="A" type="saturate" values="0.1" /> --> 
      <!--<feColorMatrix in="SourceGraphic" type="matrix" values= "0 0 0 0 0
                                                               1 1 1 1 0
                                                               0 0 0 0 0
                                                               0 0 0 0 0" />-->
    </filter>
  </defs>
</svg>

<img src="https://imgflip.com/s/meme/Oblivious-Hot-Girl.jpg"  />

CSS

img { -webkit-filter: url(#filter1) }