<!--Big blue-->

<div id="mdb-preloader" class="flex-center">

  <div class="preloader-wrapper active">

    <div class="spinner-layer spinner-blue-only">

      <div class="circle-clipper left">

        <div class="circle"></div>

      </div>

      <div class="gap-patch">

        <div class="circle"></div>

      </div>

      <div class="circle-clipper right">

        <div class="circle"></div>

      </div>

    </div>

  </div>

</div>

​

<div class="my-5 mx-5 flex-center">

  <img class="img-fluid" src="https://upload.wikimedia.org/wikipedia/commons/9/98/Andromeda_Galaxy_%28with_h-alpha%29.jpg" />

</div>