<div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">

  <div class="carousel-inner">

    <div class="carousel-item active">

      <img

        src="https://mdbootstrap.com/img/new/slides/041.jpg"

        class="d-block w-100"

        alt="..."

      />

    </div>

    <div class="carousel-item">

      <img

        src="https://mdbootstrap.com/img/new/slides/042.jpg"

        class="d-block w-100"

        alt="..."

      />

    </div>

    <div class="carousel-item">

      <img

        src="https://mdbootstrap.com/img/new/slides/043.jpg"

        class="d-block w-100"

        alt="..."

      />

    </div>

  </div>

  <a

    class="carousel-control-prev"

    href="#carouselExampleFade"

    role="button"

    data-slide="prev"

  >

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

    <span class="sr-only">Previous</span>

  </a>

  <a

    class="carousel-control-next"

    href="#carouselExampleFade"

    role="button"

    data-slide="next"

  >

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

    <span class="sr-only">Next</span>

  </a>

</div>