.spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2ee64c;
    z-index: 999999;
    }
  
    .spinner {
      width: 200px;
      height: 180px;
      /* background-color: #333; */
    
      /* margin: 100px auto; */
      position: absolute;
      top: 45%;
      left: 45%;
      bottom: 45%;
      right: 45%;
      -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
      animation: sk-rotateplane 1.2s infinite ease-in-out;
    }
    
    /* @-webkit-keyframes sk-rotateplane {
      0% { -webkit-transform: perspective(120px) }
      50% { -webkit-transform: perspective(120px) rotateY(180deg) }
      100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
    } */
  
    @-webkit-keyframes sk-rotateplane {
      0% { -webkit-transform: perspective(120px) }
      50% { -webkit-transform: perspective(120px) rotateX(360deg) }
      100% { -webkit-transform: perspective(120px)   rotateX(360deg) }
    }
    
    @keyframes sk-rotateplane {
      0% { 
        transform: perspective(120px) rotateX(0deg) ;
        -webkit-transform: perspective(120px) rotateX(0deg)  
      } 50% { 
        transform: perspective(120px) rotateX(360deg);
        -webkit-transform: perspective(120px) rotateX(360deg) 
      } 100% { 
        transform: perspective(120px) rotateX(360deg) ;
        -webkit-transform: perspective(120px) rotateX(360deg);
      }
    }