/* Banner Animato Orizzontale Continuo */
.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner-content {
  display: flex;
  flex-direction: row;  /* Disposizione orizzontale */
  animation: scroll-banner 30s linear infinite; /* Tempo maggiore per il movimento continuo */
}

.row {
  display: flex;
  justify-content: center;
  margin: 0 10px;
}

.banner-image {
  border: blue 2px solid;
  border-radius: 15px;
  width: 150px;
  height: 130px;
  margin: 0 10px;
}

/* Immagini centrali */
.center {
  margin: 0 auto;
}

/* Animazione per il movimento infinito orizzontale */
@keyframes scroll-banner {
  0% {
    transform: translateX(0); /* Inizio della posizione orizzontale */
  }
  100% {
    transform: translateX(-100%); /* Fine del movimento orizzontale */
  }
}

/* Duplicare il contenuto per il ciclo continuo */
.banner-content-duplicate {
  display: flex;
  flex-direction: row;
}

/* Duplicazione automatica del contenuto per creare un ciclo continuo */
.banner-content {
  display: flex;
  animation: scroll-banner 30s linear infinite;
}

.banner-content::after {
  content: "";
  flex: 0 0 200px; /* Rende il contenuto duplicato della stessa dimensione delle immagini */
}

.banner-content {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}