.loading {
z-index: 100;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all 0.5s linear;
}

.loading.loaded {
opacity: 0;
visibility: hidden;
}

.loading img {
display: block;
width: 30%;
margin: 0 auto;
animation: spinner-rotation 1.8s linear infinite;
}

@keyframes spinner-rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}