.homepage-wrapper {
          position: relative;
          width: 100%;
          height: 0;
          padding-top: 56.25%; /* 16:9 ratio */
          border: 2px solid;
          overflow: hidden;
          cursor: pointer;
          z-index: 2;
        }

        /* Overlay solo intorno al riquadro */
        .overlay-dark {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          background: rgba(0,0,0,0.5);
          opacity: 0;
          transition: opacity 0.3s ease;
          pointer-events: none;
          z-index: 1; /* dietro l'immagine */
        }

        .homepage-scroll {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
            transition: transform 10s linear; /* scroll più veloce */
			z-index: 3;
}

/* Hover: scroll e overlay */
.homepage-wrapper:hover .homepage-scroll {
  transform: translateY(-70%) scale(1.02); /* leggero zoom */
}

        .homepage-wrapper:hover ~ .overlay-dark {
          opacity: 1;
        }

        /* Mobile touch */
        @media (max-width: 768px) {
          .homepage-wrapper:active .homepage-scroll {
            transform: translateY(-70%) scale(1.02);
          }
          .homepage-wrapper:active ~ .overlay-dark {
            opacity: 1;
          }
        }