title: Creating multiple masks for a single image
body: <p>I am attempting to create the following scenario, and I'm willing to use any combination of jquery, css, and html possible (I'd like to stay away from HTML 5 right now however, but I'm willing to look at it if it is the only solution). </p>
  
  <p>I would like to have a large image ONLY viewable where the masks lie on it. I've tried multiple techniques, none of which work. Any suggestions would be much appreciated! </p>
  
  <p><img src="https://i.stack.imgur.com/DqTy9.png" alt="enter image description here"></p>