title: Blend mode on svg image
body: <p>Why blend mode works on a normal image (img tag) but not inside an svg (image tag)?
  Look at the example below to understand what I'm trying to achieve (I also want to keep the background clipped like the first image):</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.image-wrapper {
      width: 100%;
      background: #70C053;
  }
  
  .image-wrapper image {
      filter: grayscale(100%);
      mix-blend-mode: multiply;
  }
  
  img {
    width: 100%;
    height: auto;
     filter: grayscale(100%);
    mix-blend-mode: multiply;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="image-wrapper"&gt;
                  &lt;svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"&gt;
                      &lt;defs&gt;
                          &lt;clipPath id="user-space" clipPathUnits="userSpaceOnUse"&gt;
                              &lt;path fill="#FF0066"
                                  d="M49.5,-65.4C58.2,-51.8,55.1,-30.5,54.2,-12.9C53.4,4.7,54.7,18.5,49.1,28.6C43.6,38.6,31.1,44.8,17.6,50.9C4.1,57,-10.5,62.8,-22.5,59.5C-34.5,56.1,-44.1,43.5,-53.7,29.7C-63.3,15.8,-73,0.6,-73.4,-15.7C-73.8,-32,-65,-49.4,-51.2,-62.2C-37.4,-75,-18.7,-83.1,0.9,-84.1C20.4,-85.2,40.9,-79.1,49.5,-65.4Z"
                                  transform="translate(100 100)"&gt;&lt;/path&gt;
                          &lt;/clipPath&gt;
                      &lt;/defs&gt;
                      &lt;image width="100%" height="auto" preserveAspectRatio="xMinYMin slice" xlink:href="https://source.unsplash.com/random"
                          clip-path="url(#user-space)"/&gt;
                  &lt;/svg&gt;
              &lt;/div&gt;
              &lt;div class="image-wrapper"&gt;
              &lt;img src="https://source.unsplash.com/random"&gt;
              &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>