title: Masking an Image
body: <p><img src="https://i.stack.imgur.com/AVVLC.png" alt="I"></p>
  
  <p>I am trying to make this image using css with 2 masks, but i am getting absolutely nowhere.
  Ive tried to use the code example from this page:</p>
  
  <p><a href="http://www.ajaxandicons.com/2010/04/image-masking-with-css/" rel="nofollow noreferrer">http://www.ajaxandicons.com/2010/04/image-masking-with-css/</a></p>
  
  <p>My two images are:</p>
  
  <p><img src="https://i.stack.imgur.com/4KEpA.png" alt="enter image description here"></p>
  
  <p>and</p>
  
  <p><img src="https://i.stack.imgur.com/oJUzS.jpg" alt="enter image description here"></p>
  
  <p>I cant get it to work for the life of me.  Can someone jsfiddle or put a working result here showing me how to properly mask the image?</p>