galaxy-mauve

bg-[radial-gradient(125%_125%_at_70%_5%,rgba(147,51,234,0.18)_0%,rgba(124,58,237,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(145%_145%_at_25%_30%,rgba(237,233,254,0.92)_0%,rgba(221,214,254,0.75)_55%,rgba(196,181,253,0.85)_100%)] [backdrop-filter:blur(7px)] [-webkit-backdrop-filter:blur(7px)]

.radial-galaxy-mauve {

  background-image:
    radial-gradient(125% 125% at 70% 5%,
      rgba(147, 51, 234, 0.18) 0%,
      rgba(124, 58, 237, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(145% 145% at 25% 30%,
      rgba(237, 233, 254, 0.92) 0%,
      rgba(221, 214, 254, 0.75) 55%,
      rgba(196, 181, 253, 0.85) 100%);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

{
  backgroundImage: "radial-gradient(125% 125% at 70% 5%, rgba(147, 51, 234, 0.18) 0%, rgba(124, 58, 237, 0.12) 35%, rgba(255, 255, 255, 0) 70%), radial-gradient(145% 145% at 25% 30%, rgba(237, 233, 254, 0.92) 0%, rgba(221, 214, 254, 0.75) 55%, rgba(196, 181, 253, 0.85) 100%)",
  backdropFilter: "blur(7px)",
  WebkitBackdropFilter: "blur(7px)",
}