#content {
  background: 
    radial-gradient(circle at 20% 30%, rgba(0, 255, 255, 0.08) 0%, transparent 29%), /* Cyan top-left */
    radial-gradient(circle at 80% 20%, rgba(0, 128, 255, 0.15) 0%, transparent 19%), /* Blue top-right */ 
    radial-gradient(circle at 30% 80%, rgba(255, 0, 255, 0.1) 0%, transparent 20%), /* Magenta bottom-left */ 
    radial-gradient(circle at 70% 70%, rgba(0, 255, 0, 0.1) 0%, transparent 35%), /* Green bottom-right */ 
    #000 /* Base */;
}

#content::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 200px;
  background: radial-gradient(ellipse at center, rgba(50, 128, 128, 0.4) 0%, transparent 70%);
  clip-path: ellipse(50% 100% at 50% 0%);
  pointer-events: none;
}