Problème de Parallax

Bonjour,

Je redécouvre le CSS après pas mal d'années d'arrêt et je conçois actuellement un site pour un membre de ma famille.

J'ai fait la connaissance avec la mode du Parallax et j'ai trouvé un script sur Codepen qui me plaît énormément dont voici le lien : Parallax Scroll Page.

Je suis partie d'une base vierge pour tester ce code et tout fonctionne sauf l'un des intérêts de ce Parallax c'est à dire la chaussure en premier plan qui devrait être indépendante du background ainsi que du texte (comme dans l'exemple) mais dans mon cas, elle est fixe comme si cette dernière et le fond ne sont qu'une seule et même image.

Pourtant, j'ai bien vérifié les chemins des fichiers css et js, et tout est bon. J'ai également essayé avec une version plus récente de JQuery que je possède sur mon pc.

J'ai tenté de me renseigné mais c'est encore trop complexe pour moi pour que je suis puisse comprendre d'où provient le soucis.

Je précise que je travail pour le moment en local sous xampp.

Pouvez-vous me venir en aide ?

Je vous remercie d'avance.