title: Change the picture onhover position along with the text
body: <p><img src="https://i.stack.imgur.com/qj4GY.jpg" alt="enter image description here"></p>
  
  <p>I listed categories in my website on my home page. I want the image to change to the blue version of it onhover position. I also want that picture to change to the blue version when Computer Services heading is onhover in onhover position. I coded one way but it looks like is not working properly because I went inside of the image it changed then it went back several times. Is there anybody can help me with this ?</p>
  
  <p>Here is the coding I made for this;
  <a href="http://jsfiddle.net/4M2sr/" rel="nofollow noreferrer">http://jsfiddle.net/4M2sr/</a></p>
  
  <p>Note: I don`t want that black text to change the color of heading or picture.</p>