title: Change image src on hover using URL as ID
body: <p>I am trying to change an image src on hover.  </p>
  
  <p>I would like to ID an image by its URL or alt text because I cannot add a class in this circumstance.</p>
  
  <p>I have tried the instructions from this Stack Overflow link with no luck:</p>
  
  <p><a href="https://stackoverflow.com/questions/18032220/css-change-image-src-on-imghover">CSS: Change image src on img:hover</a></p>
  
  <p>WHen hovering over the URL of this image:</p>
  
  <p><a href="https://static1.squarespace.com/static/5463b725e4b06d233c3a876a/t/56a921809cadb641f7ce1a09/1453912583654/Screen+Shot+2016-01-27+at+8.34.20+AM.png?format=750w" rel="nofollow noreferrer">https://static1.squarespace.com/static/5463b725e4b06d233c3a876a/t/56a921809cadb641f7ce1a09/1453912583654/Screen+Shot+2016-01-27+at+8.34.20+AM.png?format=750w</a></p>
  
  <p>I would like it to change to this image:</p>
  
  <p>(I have a link for this image, but I cannot use more than two links in my post)</p>
  
  <p>Here is the URL to my page:</p>
  
  <p><a href="https://toby-thiermann.squarespace.com/new-index/" rel="nofollow noreferrer">https://toby-thiermann.squarespace.com/new-index/</a></p>
  
  <p>Thank you.</p>