.preloader {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.9); */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }
  
  .spinner {
    width: 60px;
    height: 60px;
    animation: pulse 1.5s linear infinite;
  }
  
  @keyframes pulse {
    0% {
      transform:  scale(1.3);
      opacity: 1;
    }
    50% {
      transform:  scale(0.5);
      opacity: 0.5;
    }
    100% {
      transform:  scale(1.3);
      opacity: 1;
    }
  }