Pattern

export default function Component() {
  return (
    <div className="nebula-pattern">
  <svg height="0" width="0">
    <filter id="iridescent-nebula">
      <feTurbulence
        result="turb"
        seed="11"
        numOctaves="4"
        baseFrequency="0.023"
        type="fractalNoise"
      ></feTurbulence>
      <feColorMatrix values="80" type="hueRotate"></feColorMatrix>
      <feGaussianBlur result="blurred" stdDeviation="7"></feGaussianBlur>
      <feComponentTransfer>
        <feFuncA type="table"></feFuncA>
      </feComponentTransfer>
      <feBlend in="turb" in2="blurred" mode="screen"></feBlend>
    </filter>
  </svg>
  <span className="nebula"></span>
</div>
  );
}