#blob {
  height: 12rem;
  aspect-ratio: 1;
  position: fixed;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  border-radius: 50%;

  background: linear-gradient(
    to right, #4CA1AF, #C4E0E5
  );

  animation: rotate 20s infinite;
}

#blur {
  position: fixed; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0; 
  backdrop-filter: blur(6rem);
}

@keyframes rotate {
  from {
    rotate: 0deg;
  }
  50% {
    scale: 1 1.3;
  }
  to {
    rotate: 360deg;
  }
}