title: How to place one image over another in CSS 3?
body: <p>I am trying to create the box- shadow effect as given below .The shadow is developed using pure CSS3 code:</p>
  
  <p><img src="https://i.stack.imgur.com/kBAOO.png" alt="enter image description here"></p>
  
  <p>But due to background image ,shadow is not appearing as shown below.</p>
  
  <p><img src="https://i.stack.imgur.com/1Q5tN.png" alt="enter image description here"></p>
  
  <p>How can i place the shadow on the top?</p>