title: How can I make this image merge into this vertical line hiding part of the image?
body: <p><a href="https://i.stack.imgur.com/uig7H.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uig7H.jpg" alt="enter image description here"></a></p>
  
  <p>I want to see how to make the image, which is the globe to hide part of itself behind the line.</p>
  
  <pre><code> &lt;div class="verticalLine" &gt;
   &lt;img src="/icons/globe.png" alt="globe" /&gt;
   &lt;/div&gt;
   .verticalLine {
  border-right: 2px solid black;
  }
  </code></pre>