.scroll-wrapper {
      overflow: hidden;
      width: 100%;
    }

    .scroll-track {
      display: flex;
      flex-wrap: nowrap;
      animation: scroll-left 30s linear infinite;
      width: max-content;
    }

    .scroll-track .card {
      aspect-ratio: 5 / 4;
      flex: 0 0 auto;
      border: none !important;
      position: relative;
      margin: .5rem;
    }

    .scroll-track .card .card-data {
      z-index: 999;
      color: var(--bianco);
      background: linear-gradient(0deg,rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 1rem;
      border-radius: 1rem;
    }

    .scroll-track .card .card-data .card-logo {
      width: 3vw;
      height: 3vw;
      border-radius: 10rem;
      position: relative;
    }

    .scroll-track .card .card-data .card-name {
      font-size: 1.5vw;
      font-weight: 700;
    }

    .scroll-track .card .card-data .card-address {
      font-size: 1vw;
      font-style: italic;
      font-weight: 500;
    }

    .scroll-track .card .card-data .card-website {
      font-size: .8vw;
      text-decoration: underline;
      display: none;
    }

    .scroll-track .card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 1rem;

    }

    .scroll-track .card {
      width: calc((100vw - 4 * 16px) / 4);
      background: transparent;
    }

    @media (max-width: 1200px) {
      /* Tablet: 3 card per riga, 2 righe = 6 visibili */
      .scroll-track {
        flex-wrap: wrap;
        animation: scroll-left 40s linear infinite;
      }

      .scroll-track .card {
        width: calc((100vw - 2 * 16px) / 3);
      }

      .scroll-track .card .card-data .card-logo {
        width: 5vw;
        height: 5vw;
      }

      .scroll-track .card .card-data .card-name {
        font-size: 2vw;
      }

      .scroll-track .card .card-data .card-address {
        font-size: 1.5vw;
      }

      .scroll-track .card .card-data .card-website {
        font-size: 1.2vw;
      }
    }

    @media (max-width: 1024px) {
      .scroll-track {
        flex-wrap: wrap;
        animation: scroll-left 50s linear infinite;
      }

      .scroll-track .card {
        width: 75vw;
        aspect-ratio: 5 / 4;
      }

      .scroll-track .card .card-data .card-logo {
        width: 10vw;
        height: 10vw;
      }

      .scroll-track .card .card-data .card-name {
        font-size: 4vw;
      }

      .scroll-track .card .card-data .card-address {
        font-size: 2.25vw;
      }

      .scroll-track .card .card-data .card-website {
        font-size: 2vw;
      }
    }

    @keyframes scroll-left {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }