title: HTML+CSS: How to add shadow (as image) to image?
body: <p>I ama trying to add to each image from my gallery a shadow. I know I can add the CSS shadow to each element, but the shadow that I am trying to add under my photos is taken from PSD layout and has a different shape than the CSS shadow.</p>
  
  <p>Here's the sample, what I am trying to achieve:
  <img src="https://i.stack.imgur.com/PJTxh.jpg" alt="enter image description here"></p>
  
  <p>And what I did until now:</p>
  
  <pre><code>      &lt;div style="padding-left: 15px; position:absolute;"&gt;
          &lt;img src="avatar.png" alt="" /&gt;
          &lt;img src="shadow.png" alt="" style="margin: 190px 0 0 -191px; width: 187px;" /&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>It's a terrible solution and even more, it's working for me only in Chrome. Could you guys help me please, how to do it more efficiently and workable in all browsers?</p>