.carousel-container {
      overflow: hidden;
      /* width: 80%; */
      /* max-width: 800px; */
      height: 150px;
      border: 2px solid #ddd;
      border-radius: 15px;
      background: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .carousel {
      display: flex;
      animation: scroll 10s linear infinite;
    }

    .carousel img {
      max-height: 100px;
      margin: 10px;
      transition: transform 0.3s ease;
    }

    .carousel img:hover {
      transform: scale(1.1);
    }

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

    @keyframes scroll-vertical {
      0% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(-50%);
      }
    }

    /* Mobile-specific styles */
    @media (max-width: 768px) {
      .carousel-container {
        height: 300px;
        width: 200px;
        max-width: none;
        margin: 0 auto;
      }
      .carousel {
        flex-direction: column;
        animation: scroll-vertical 10s linear infinite;
      }
      .carousel img {
        margin: 10px auto;
        max-width: 200px;
      }
    }