title: Overlay gradient over image with CSS
body: <p>I'm getting frustrated with this thing. I'm using Joomla and Phoca Gallery which generates this part of the code:</p>
  
  <pre><code>&lt;img class="pg-image" src="/images/phocagallery/other/thumbs/phoca_thumb_m_something.jpg" alt="Something"&gt;
  </code></pre>
  
  <p>What I want to do is to overlay gradient over the image that is shown as thumbnail on the website (the image with .pg-image class). As the image is not background image, all solutions for overlaying gradients I found on the internet so far are not working.</p>
  
  <p>Any ideas?</p>
  
  <p>Thanks! :)</p>