Un problème de taille en scroll motion

Bonjour, contrairement à ce qu'on prétend, la taille compte ! (celle du navigateur internet)

En effet, j'ai récemment créé et mis en ligne mon portfolio professionnel (enfin une partie), avec des animations en scroll motion.
J'ai fait le site entièrement moi-même en blueprint (sans avoir à coder) sur Adobe Muse et Photoshop (CC 2017).

Problème : Le site réponds mal selon la taille du navigateur et de l'écran du visiteur, si l'écran est trop petit alors les animations se chevauchent et tout devient illisible, et si l'écran est trop grand alors on voit plusieurs animations à la fois.
On peut régler ce problème avec la manip' suivante : "ctrl" + "scroll la molette de la souris" ou alors "ctrl" + "+" ou "-", pour régler la taille du navigateur. (on peut aussi s'amuser avec la taille de la fenêtre du navigateur)

Comment est ce que je peux faire pour que le navigateur impose de lui-même la bonne taille et donc affiche les animations correctement ? Depréférence directement depuis Adobe Muse.

Le site en question : Maayaneodou.me
Vous trouverez ici le site en HTML (la page d'accueil est "index") : https://we.tl/xKFxTQw2Ai
Exemple de site en scroll motion qui fonctionne ; http://stefaneguilbaud.com/

note : je crois que ça s'appelle du responsive design ?

Merci d'avance et bonne journée !