title: Masking an image cross browser ( IE9 >)
body: <p>I'm having a problem with image masking, I just can't find the right solution.</p>
  
  <p><img src="https://i.stack.imgur.com/1nqiL.png" alt="Example of what i want to accomplish"></p>
  
  <p>I tried several techniques but none of them are the right solution for me:</p>
  
  <ol>
  <li>I've tried the mask-image: url(mask.svg) proportie but it has no fallback for IE (10 &amp; 9)</li>
  <li>I've also tried custom css3 shapes with border-radius but this won't mask the image properly.</li>
  </ol>
  
  <p>Just using a SVG (or PNG polyfill) with a transparent shape in the middle (and place it on top of the image) will not work because i work with several textures. </p>
  
  <p>Is there a way to make this work across all major browsers (IE9 and up )?</p>
  
  <p>Thanks in advance!</p>