title: How can I make images that overlap hoverable and clickable?
body: <p>I am working on a model of a human body, which has specific organs that need to highlight and come to the top on hover and be clickable.  The hard part, ex:  The lungs overlap the heart, how can I make the heart clickable without putting it on top of the lungs?</p>
  
  <p><img src="https://i.stack.imgur.com/PyWYv.jpg" alt=""></p>
  
  <p>I tried using transparent SVGs, but haven't been able to get them to work either.</p>
  
  <p>Thanks!</p>