title: Replace Image on Hover & Click of a Link
body: <p>I'm trying to set up a page that looks like the image below.</p>
  
  <p>Here's the part that;s hanging me up...</p>
  
  <p>I would like to have the main image replaced when I "hover" or "click" on one of the links below it. Each link below the main image would have it's own specific image. Then I would like to make the link images "toggle" on/off. </p>
  
  <p>I have tried to do this with pure css and and having a really hard time.</p>
  
  <p><img src="https://i.stack.imgur.com/UGqYU.png" alt="enter image description here"></p>
  
  <p>Thanks for your help.</p>