Trapezoid shaped div with background image that animates towards a rectangle when scrolling

Question

I know what I am asking is somewhat weird so I will illustrate with images what I am aiming for:

1. First I want to have a trapezoid shaped div as below, instead o