Salut,
J'ai pas acces à ton image car ma boite filtre les contenus html... :/
Cependant tu peux tout betement utiliser un framework css, et positionner tes images en background "cover".
Du coup tu as ton systeme de grille responsive grace au framework (type bootstrap) et pour chaque zone tu fixes une hauteur (utilises vh comme unité si tu veux que ca se refère à la hauteur du navigateur), pour ensuite mettre tes image en bg-size:cover ;)
Pour les animation tu pourras utiliser des class css et js ;)
Qu'en penses-tu ?
Bessino