Loader

<style>
.loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,.9);
  z-index: 9999;
}
.loader {
  position: absolute;
  height: 150px;
  width: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../imgs/eclipse-loader.svg) no-repeat center center / cover;
}
</style>
$(window).on('load', function(){
        $('.loader-wrapper').delay(100).fadeOut().remove();
    });