title: How to shift down block in css
body: <p>I'm new in web design. 
  I'm trying to finish a school project. I would like to create this effect on my website. As you can see the green block was shifted down and is now overlapping the next row which has a grey background. Do you know any css that could do that? thanks!! <a href="https://i.stack.imgur.com/3sHWV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3sHWV.png" alt="enter image description here"></a></p>