title: How to set :hover as default and reset once moused over?
body: <p>I am currently working on a website that has two columns of square images. Each column has 3 images, so 6 images total. Each image has a hover state with text and a 'learn more' link. </p>
  
  <p>The intent is that users hover over each image to learn more about the client's company. To help facilitate users hovering over the images, I am trying to force the first image to have it's hover state as the default view. If you mouse over it, once your mouse leaves, it resets to just the plain image, and resumes normal hover functionality. </p>
  
  <p>If possible, what is the best way to accomplish this effect?</p>