title: Jquery colour overlay on images
body: <p>Im trying to create a hover state on my images that darken the images using bootstap</p>
  
  <p>Although instead of covering the whole image including the white border I want it to remain within the white padding. </p>
  
  <p>I cant seem to the position right. As soon as I add heights and percentages the over states don't remain in place when responding to screen width. They become pushed out over the image. </p>
  
  <p>Can anyone assist? </p>
  
  <p>here is the code </p>
  
  <p><a href="http://bootply.com/90238" rel="nofollow">http://bootply.com/90238</a></p>