.slider {
      width: 100%;
      overflow: hidden;
      position: relative;
      box-sizing: border-box;
      margin: auto;
      background: #000000;
    }

    .slide-track {
      display: flex;
      width: calc(250px * 12);
     animation: scroll 90s linear infinite; 
    }

    .slide {
      width: 250px;
      flex-shrink: 0;
      margin: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .slide img {
      width: 75%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

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

    @media (max-width: 768px) {
      .slide {
        width: 150px;
        margin: 5px;
      }
    }