title: how to add an overlaying color over an image with css
body: <p>if I have an image like so:</p>
  
  <pre><code>&lt;img src="inshot1.jpg" width="100px" height="100px"&gt;​​​​​​​
  </code></pre>
  
  <p>and on hover I want that block to be covered in a color. So for example when you hover over it you get a block of red color with the same height and width. So an overlay basically?</p>