JSFiddle - React, Tailwind, and code Playground

HTML

<svg >
  <defs>
    <filter id="filtersPicture">
      <feColorMatrix type="saturate" values="0" />
    </filter>
  </defs>
  <image filter="url('#filtersPicture')" xlink:href="http://bit.ly/1QqyJ2D" />
</svg>

SCSS

svg {
  width:500px; //Ou 100% também funciona
  height:400px;
  image {
    width:100%;
    height:100%;
  }
}