title: Multiple image swap on hover
body: <p>Hi Guys I have been looking around for this answer and my head hurts.</p>
  
  <p>I have a page with team members' images and I want it to be such that when you hover over each image, another image of that team member appears. Simple, well I can do it with css for each member but was wondering if there is a way using query so that it can be done by the name of the files, e.g. dan.jp and dan-hover.jpg.</p>
  
  <p>Thanks</p>
  
  <p>Dan</p>
  
  <p>EDIT: I would also like it to be such that when you hover off the image, the original image replaces the other image so the new image only appears while the mouse is hovering on the image.</p>