.mini-carousel {
      position: relative;
      overflow: hidden;
      max-width: 500px;
      margin: auto;
    }

    .mini-carousel-track {
      display: flex;
      transition: transform 0.5s ease;
    }

    .mini-carousel-item {
      min-width: 100%;
      box-sizing: border-box;
    }

    .mini-carousel-item img {
      width: 100%;
      display: block;
    }

    /* Navigation Buttons */
    .mini-prev, .mini-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0,0,0,0.4);
      border: none;
      color: white;
      padding: 10px;
      cursor: pointer;
      font-size: 20px;
      z-index: 2;
    }

    .mini-prev {
      left: 10px;
    }

    .mini-next {
      right: 10px;
    }

    .mini-prev:hover, .mini-next:hover {
      background-color: rgba(0,0,0,0.6);
    }