title: How to display highlighted sprite
body: <p>I don't really know how to explain this, so I drew a picture:</p>
  
  <p><img src="https://i.stack.imgur.com/YIE3R.png" /></p>
  
  <p>I want the initial look of the page to look like the right envelope, but when you hover over each piece of the envelope it highlights and describes the envelope and if you click on it then you will be redirected to a page about the envelope</p>
  
  <p>this is what I have tried to do </p>
  
  <p>If you can explain how to do this through html and css please help! </p>