.content-spinner{
 z-index: 9999999;
 position: fixed;
 top: 0px;
 left: 0;
 background-color:white;
 width: 100%;
 height: 100VH;
} 

.content-spinner .spinner{
 height:100%;
 display: flex;
 justify-content: center;
 align-items: center;
}

.content-spinner h3{
  font-size: 25px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
  color: #2d2d2d;
}

.large
{

  margin-top: 35px !important;
  animation: rotate-right 6s linear infinite;
  filter: invert(15%);
}
.medium
{
    filter: invert(15%);
  animation: rotate-left 6s linear infinite;
}

@keyframes rotate-right
{
  from
  {
    transform: rotateZ(0);
  }
  to
  {
    transform: rotateZ(360deg);
  }
}

@keyframes rotate-left
{
  from
  {
    transform: rotateZ(0);
  }
  to
  {
    transform: rotateZ(-360deg);
  }
}