title: Placeing the image behind the transparent one
body: <p>I'm trying to place one image behind the other?</p>
  
  <p><a href="https://jsfiddle.net/emtao7wo/12/" rel="nofollow noreferrer">https://jsfiddle.net/emtao7wo/12/</a></p>
  
  <p><a href="https://i.stack.imgur.com/oynqu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oynqu.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;style&gt;
      #img1 {
          position: absolute;
        clip-path: circle(85px at center);
      }
  &lt;/style&gt;
  
  &lt;img id="img1" src="https://i.imgur.com/BO6KOvw.jpg" width="170" height="113" style="top:41px;left:13px;"&gt;
  
  &lt;img width="180" height="180" src="http://i.imgur.com/4HJbzEq.png"&gt;
  </code></pre>