Part of the content of a CollapsingToolbarLayout is getting sticky on top, when used with viewpager and recyclerview

Question

I am trying to implement a layout like this:

The issue is that when scrolling up the card touches the toolbar and it does not go up anymore like this

Answer 1

Finally Solved my issue. I added the card inside the collapsing layout like Kalyans answer and added a dummy view and a -ve margin to the card to have the overlap behavior effect like

I have also pushed my code to the github.