title: CSS div with text as mask
body: <p>I am trying to achieve a mask-type effect with a coloured div's large text in HTML. I want this masked text to show parts of an image which is behind the div. However; instead of using the <code>background-clip</code> property and a <code>background-image</code> on the div itself - I am hoping to simply reveal what ever is underneath the element (in my case, the image).
  I have tried using svg images with compound paths, they proved too difficult to handle.
  Is there ANY other way I could do this? CSS? jQuery plugin?
  <img src="https://i.stack.imgur.com/wm43C.png" alt="A not-so-successful attempt with svg"></p>