title: Staircase or steps effect with CSS
body: <p>In the image below, the rows in the right side of image have some special effect i.e.they are appearing in different plains</p>
  
  <p>Not sure what is the correct term for this but looks like stair case.
  So my question is how to achieve this effect?</p>
  
  <p>Tried using box-shadow but couldn't achieve this</p>
  
  <p><a href="https://i.stack.imgur.com/0f03v.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0f03v.jpg" alt="Stair case effect in image"></a></p>