CODE POUR FAIRE DEFILER LES REALISATION :

<div size="6" class="sc-sPYgB dHDOqC">
  <div class="sc-dHIava KkaSa">
    <div class="sc-dREXXX bHaVCq">
      <div class="scrolling-image-container">
        <img class="scrolling-image" src="https://d1yei2z3i6k35z.cloudfront.net/1970629/67a647751b52d_Home.png">
      </div>
    </div>
  </div>

  <style>
    .scrolling-image-container {
      position: relative;
      overflow: hidden;
      width: 100%;

      height: 300px; /* Vous pouvez ajuster cette valeur en fonction de la hauteur souhaitée pour le conteneur de l'image */
    }

    .scrolling-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      object-fit: cover;
      transform: translateY(0);
      will-change: transform;
      transition: transform 2s ease-out;
    }

    .scrolling-image-container:hover .scrolling-image {
      transform: translateY(-25%);
    }
  </style>
</div>