Create an HTML5 Animation

I need you to create an HTML 5 animation that animates as you scroll the page. The animation will be a stack of images on the left that slides, one after the other, to an image of a folder on the right, as you scroll the page. As the image of the document slides to the folder, it shrinks in size and then gets put in the folder. When you scroll down, the documents go in the folder; when you scroll up, the documents come out of the folder, back into the stack. The code should be easy enough for me to edit so I can add or remove the number of images in the stack and adjust the speed of the animation. As an added bonus, the animation should be responsive.