#loader { align-items: center; justify-content: center; position: fixed; width: 100%; top: 50%; height: 5%; }
@media only screen and (min-width: 768px) { 
  #loader { justify-content: center; align-items: center; height: 50%; width: 50%; }
}
.loader {
    color: #0088cc;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    transform: translateX(-38px);
    animation: l21 .5s infinite alternate linear;
  }
  
  @keyframes l21 {
    50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
    100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
  }