Animated shrinking header image issue (codepen)

I have a codepen of an animated header here:

http://codepen.io/beelzebomb/pen/qELgdO"]http://codepen.io/beelzebomb/pen/qELgdO

The idea is that as you scroll content, the header shrinks out of the way - great for tablets.

But as you can see, the image shrinks to it's own centre, whereas the ideal situation would be for it to shrink to top left to keep the whole header in some sort of perspective - any ideas?

Syndicate content