Transition to the article animation

Hi guys!

I have been working on the animation for showing the article.
I want to create an animation where the parts had a different timing to create a more engaging ( I hope ) effect, for example the image in the background keep moving for a bit after the article is show up.

The idea is to switch to the article view through scrolling, even if is not that clear in this animation. Once the article is shown up is possible to scroll in its view ( not in this prototype ). To go back to the previous view you could scroll all the way to the top of the article or simply tap on the image in the bg.

I made this with framer you can play with the live prototype here :)

http://share.framerjs.com/u0khbsjhnwub/

Cheers