<div class="row">

  <div class="col-md-12">&nbsp;</div>

</div>

<div class="row">

  <div class="col-6">

    <div id="carousel_controls_id" class="peopleCarouselImg carousel slide carousel-dark">

      <div class="carousel-inner lightbox" id="img_carousel_id">

        <div class="carousel-item active" data-mdb-interval="10000">

          <img src="https://mdbcdn.b-cdn.net/img/new/slides/041.webp" class="d-block w-100" alt="Wild Landscape" />

        </div>

        <div class="carousel-item" data-mdb-interval="2000">

          <img src="https://mdbcdn.b-cdn.net/img/new/slides/042.webp" class="d-block w-100" alt="Camera" />

        </div>

        <div class="carousel-item">

          <img src="https://mdbcdn.b-cdn.net/img/new/slides/043.webp" class="d-block w-100" alt="Exotic Fruits" />

        </div>

      </div>

      <button class="carousel-control-prev" type="button" data-mdb-target="#carousel_controls_id"

        data-mdb-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-mdb-target="#carousel_controls_id"

        data-mdb-slide="next">

        <span class="carousel-control-next-icon" aria-hidden="true"></span>

        <span class="visually-hidden">Next</span>

      </button>

    </div>

  </div>

  <div class="col-6">

    <div class="form-outline datetimepicker">

      <input type="text" class="form-control" value="22/12/2020, 14:12:56" id="datetimepickerExample" />

      <label for="datetimepickerExample" class="form-label">Select Date and Time</label>

    </div>

  </div>

</div>