<div class="flex justify-center my-20 space-x-2">
  <div class="animate-ping  h-4 w-1 bg-blue-600 rounded-full"></div>
  <div class="animate-ping  h-4 w-1 bg-blue-600 rounded-full animation-delay-100"></div>
  <div class="animate-ping  h-4 w-1 bg-blue-600 rounded-full animation-delay-200"></div>
  <div class="animate-ping  h-4 w-1 bg-blue-600 rounded-full animation-delay-300"></div>
  <div class="animate-ping  h-4 w-1 bg-blue-600 rounded-full animation-delay-400"></div>
</div>

.animation-delay-100 {
  animation-delay: 0.1s;
}

.animation-delay-200 {
  animation-delay: 0.2s;
}

.animation-delay-300 {
  animation-delay: 0.3s;
}

.animation-delay-400 {
  animation-delay: 0.4s;
}