<div class="container mt-5">
      <div
        id="carouselExampleIndicators"
        class="carousel slide"
        data-bs-ride="true">
        <div class="carousel-indicators">
          <button
            type="button"
            data-bs-target="#carouselExampleIndicators"
            data-bs-slide-to="0"
            class="active"
            aria-current="true"
            aria-label="Slide 1"></button>
          <button
            type="button"
            data-bs-target="#carouselExampleIndicators"
            data-bs-slide-to="1"
            aria-label="Slide 2"></button>
          <button
            type="button"
            data-bs-target="#carouselExampleIndicators"
            data-bs-slide-to="2"
            aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <div class="container d-flex justify-content-center">
              <div class="row">
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="container d-flex justify-content-center">
              <div class="row">
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="container d-flex justify-content-center">
              <div class="row">
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
                <div class="col-md-3 mx-5">
                  <img
                    src="/img/freelance.jpg"
                    class="d-block"
                    width="300"
                    alt="/img/freelance.jpg"
                    />
                </div>
              </div>
            </div>
          </div>
        </div>
        <button
          class="carousel-control-prev"
          type="button"
          data-bs-target="#carouselExampleIndicators"
          data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button
          class="carousel-control-next"
          type="button"
          data-bs-target="#carouselExampleIndicators"
          data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>

      <div class="container" style="margin-top: 200px"></div>
    </div>