<div class="ecommerce-gallery">

  <div class="lightbox mb-1">

    <img

         data-mdb-lazy-src="https://mdbcdn.b-cdn.net/img/Photos/Slides/1.webp"

         data-mdb-lazy-placeholder="https://place-hold.it/426x188?text=Loading"

         data-mdb-lazy-error="https://place-hold.it/426x188?text=Error"

         alt="Test 123456"

         class="ecommerce-gallery-main-img active w-100"

         />

  </div>

  <div class="multi-carousel" data-mdb-breakpoint="false" data-mdb-items="3">

    <div class="multi-carousel-inner">

      <div class="multi-carousel-item active">

        <img

             data-mdb-lazy-src="https://mdbcdn.b-cdn.net/img/Photos/Slides/1.webp"

             data-mdb-lazy-placeholder="https://place-hold.it/426x188?text=Loading"

             data-mdb-lazy-error="https://place-hold.it/426x188?text=Error"

             data-mdb-img="https://mdbcdn.b-cdn.net/img/Photos/Slides/1.webp"

             alt="Test 123456"

             class="lazy active w-100"

             />

      </div>

      <div class="multi-carousel-item">

        <img

             data-mdb-lazy-src="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.webp"

             data-mdb-lazy-placeholder="https://place-hold.it/426x188?text=Loading"

             data-mdb-lazy-error="https://place-hold.it/426x188?text=Error"

             data-mdb-img="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.webp"

             alt="Test 123456"

             class="lazy w-100"

             />

      </div>

       <div class="multi-carousel-item">

        <img

             data-mdb-lazy-src="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.webp"

             data-mdb-lazy-placeholder="https://place-hold.it/426x188?text=Loading"

             data-mdb-lazy-error="https://place-hold.it/426x188?text=Error"

             data-mdb-img="https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.webp"

             alt="Test 123456"

             class="lazy w-100"

             />

      </div>

    </div>

    <button

            class="carousel-control-prev"

            tabindex="0"

            type="button"

            data-mdb-slide="prev"

            >

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

    </button>

    <button

            class="carousel-control-next"

            tabindex="0"

            type="button"

            data-mdb-slide="next"

            >

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

    </button>

  </div>

</div>