.custom-carousel {
      width: 100vw;
      max-width: 1920px;
      margin: 0 auto;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
  }

  .carousel-track {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      transition: transform 300ms ease;
  }

  .carousel-slide {
      flex: 0 0 calc(100% / 3);
      max-width: calc(100% / 3);
  }

  .carousel-slide img {
      width: 100%;
      height: 300px;
      object-fit: cover;
  }

  @media (max-width: 1339px) {
      .carousel-slide {
          flex: 0 0 calc(100% / 2);
          max-width: calc(100% / 2);
      }
  }

  @media (max-width: 720px) {
      .carousel-slide {
          flex: 0 0 100%;
          max-width: 100%;
      }
  }