.carousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; /* 100vh Carosello a tutta altezza della finestra */
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    width: auto;
    height: 100%;
  }
  
  .carousel-item {
    flex: 0 0 100%;
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  
  @media (min-width: 768px) {
    .carousel-item {
      flex: 0 0 33.3333%;
      width: 33.3333%;
    }
  }
  
  .carousel-image {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
  }
  
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffffcc;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  transition: background 0.2s ease;
}

.carousel-btn:hover {
  background-color: #eee;
}

.carousel-btn.prev {
  left: 10px;
}

.carousel-btn.next {
  right: 10px;
}