.blob {
  position: absolute;
  width: 600px;
  height: 600px;
  filter: blur(150px);
  opacity: 0.4;
  animation: blobMove 10s infinite ease-in-out alternate;
}
.animation-delay-2 {
  animation-delay: 2s;
}

.animation-delay-4 {
  animation-delay: 4s;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

@keyframes blobMove {
  0% {
    transform: translate(0,0) scale(1) rotate(0deg);
  }

  33% {
    transform: translate(var(--x1), var(--y1))
               scale(1.2)
  }

  66% {
    transform: translate(var(--x2), var(--y2))
               scale(0.9)
  }

  100% {
    transform: translate(0,0) scale(1) rotate(360deg);
  }
}