.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
  background: url('../assets/images/background.jpg') center center / cover no-repeat fixed;
  background-color: black;
  background-size: cover; 
  height: 100vh; 
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  }

  .no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .lds-ripple {
    top: calc(48.1% - 3.5px);
    left: calc(48.1% - 3.5px);
  }

  @media (max-width: 548px) {
    .lds-ripple {
      top: calc(42.1% - 3.5px);
      left: calc(45.1% - 3.5px);
    }
  }