.loader {
  width: 12px;
  aspect-ratio: 1;
  border-radius: 100%;
  animation: l5 1s infinite linear alternate;
  justify-content: center;
  text-align: center;
  margin-left:50px;
}

@keyframes l5 {
    0% {
      box-shadow: 20px 0 rgb(255, 198, 198), -20px 0 rgb(255, 208, 208);
      background: rgb(255, 172, 172);
    }
    33% {
      box-shadow: 20px 0 rgb(255, 136, 136), -20px 0 rgba(255, 91, 91, 0.133);
      background: rgb(255, 156, 156); /* Change the background color here */
    }
    66% {
      box-shadow: 20px 0 rgb(255, 96, 96), -20px 0 #ff6161;
      background: rgb(255, 114, 114); /* Change the background color here */
    }
    100% {
      box-shadow: 20px 0 rgb(255, 53, 53), -20px 0 rgb(255, 57, 57);
      background: rgb(255, 69, 69);
    }
  }