title: Clipping with PNG in CSS
body: <p>Is there a way to clip the content of a div with an image overlay?</p>
  
  <p>I've attempted to use: <code>background-clip</code> and something similar, but can't seem to figure it out!</p>
  
  <p>Seen here:</p>
  
  <p><a href="https://codepen.io/brycesnyder/pen/pwdoWW" rel="nofollow noreferrer">https://codepen.io/brycesnyder/pen/pwdoWW</a></p>
  
  <p>I only want the red to be displayed within the gray image area.</p>