Bonjour, je voualsi savoir comment faire pour qu'une image se déplace vers le haut selon le scroll de la souris :

les deux triangles blanc doivent remonté plus plus vite que la page et redescendre quand on s'approche du top.

P.S : les triangles sont une seule image.

bonjour si l'image contenant les triangles et placé dans un background-image tu peut très certainement produire cet effet avec juste la propriété background-position sur la valeur fixed

#block-triangle {

  background-image: url("./image-triangle.png");
  background-position: fixed;
}

si elle n'est pas placé dans une background image mais dans une balise image tu peut surement en javascript placé un écouteur de scroll via le nom wheel

et déplacé l'image en direction du scroll:

const imageTriangle = document.querySelector('#image-triangle');

window.addEventListener('wheel', function( event ) {

	const movementAxeY = event.deltaY;

    imageTriangle.style.top = ( imageTriangle.offsetTop + movementAxeY ) + "px";

} );

le code ci-dessus n'est pas testé ( j'image que l'image doit être en position relative où absolute pour pouvoir modifié sa propriété top )

si jamais le code ci dessus n'a pas l'effet estompé il faudra peut être remplacé le offsetTop par une valeur relative à la position de l'image en vers le bord visible supérieur que tu peut obtenir avec la méthode getBoundingClientRect .

La solution avec CSS seul à l'air quand même plus simple à mettre en place.