div#loading {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffffdd;
  z-index: 10;
  text-align: center;
  cursor: wait;
  top: 0;
  z-index: 1100;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
img#loading_img {
  margin: auto;
  background: #ffffff;
  border-radius: 250px;
  width: 200px;
  position: relative;
  margin-top: 250px;
}
img.loading_img {
  animation-name: loading;
  animation-duration: 2s;
  animation-iteration-count: 10;
}

@keyframes loading {
  0%   {width: 200px; transform: rotate(0deg);}
  25%  {width: 250px; transform: rotate(20deg);}
  50% {width: 200px; transform: rotate(0deg);}
  75%  {width: 250px; transform: rotate(-20deg);}
  100%  {width: 200px; transform: rotate(0deg);}
}