Responsive Wordpress Site with simple Animations

Hi Everyone, Thank you for considering this project. I need a responsive wordpress website created based on these designs: [login to view URL] The tasks are as follows: - Create clean, modern frontend code based on the provided designs - Create a mobile version of the site (I am looking for your expertise on how to scale the design down to mobile devices) - Animate specific elements via parallax and fade in / movement effects (see animation briefing) - Optimize page loading (progressive loading?) since the pages are very long with large images - Build the site into Wordpress (we just need a way to edit the text, nav links and exchange images, nothing more) - The last nav section („Aktuelles“) is for a blog, where we want to use a free template: [login to view URL] So we want to integrate that and just change the colors to match the rest of the site - On one of the pages there is a music element that has a play/pause button which needs to work - FYI: All fonts used are webfonts by Google If you bid on this project, please detail what boilerplate you would use for the frontend and how you would optimize the loading of the page with the many large images. –––––––––– Animation Briefing: 01_Kalletal_Startseite - The arrow + three circle buttons fade quickly move in from the right. one after the others 02_Kalletal_Doerflich_Leben - The text „Heimat ist mehr als nur ein Gefühl, sondern ein Sehnsuchtsort, der im Heimatdorf gestaltet werden kann. „ fades in and moves in from the bottom - „Guten Morgen Dorf“ section features a parralax image - „Miteinander Leben“: The green Circles fade in first, then the 2 photo circles fade in and move in from each side - Optional: Can we make the small circles move up and down just a little bit with a loop? - „Dorfgarten“: The Food Illustrations on fade and move in from each side - „Lecker vom Acker“: the center image fades in, the other 2 images also fade in and move in from each side 03_Laendlich_Wohnen - „Arten:Reich:Kalletal“ The Image is a parallax - „Land der 1000 Möglichkeiten“: the center image fades in, the other 2 images also fade in and move in from each side - „Reiterland Kalletal“ The Image is a parallax - „Kreative:Land:Kalletal“ The Image is a parallax - „Traum wird Haus“ The two photos move in from each side, the black and white one appears first - 3 Images: the center image fades in, the other 2 images also fade in and move in from each side 04_Kalletal_Stadtnah_Arbeiten - „Smarte Heimat“: the center image fades in, the other 2 images also fade in and move in from each side - Image of Person with Computer: The circle graphic grows bigger and fades in - „Innovation vom Land“ The 3 examples move with Parralax - „Denkraum“: Each Section fades in