title: Angular how to make 2 components overlap each other?
body: <p>i want to make 2 components overlap each other without the page making an excess space on the bottom.</p>
  <p>Current look of the page
  <a href="https://i.stack.imgur.com/oDGyp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oDGyp.png" alt="enter image description here" /></a></p>
  <p>The only way i was able to overlap the card component was to transform and move the card up but it still leaves space under .</p>
  <p>Is there a way to do this without splitting the page in two in mat grid list?</p>