Converted Background - Detail

@property --y-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 23%;
}

@property --s-start-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 2%;
}

@property --s-end-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 60%;
}

@property --x-0 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 23%;
}

@property --c-0 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsla(27,66%,73%,1);
}

@property --x-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 13%;
}

@property --c-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsla(319,52%,25%,1);
}

@property --s-start-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 9%;
}

@property --s-end-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 59%;
}

@property --y-1 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 16%;
}

@property --s-start-2 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 9%;
}

@property --s-end-2 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 59%;
}

@property --y-2 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 89%;
}

@property --x-2 {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 14%;
}

@property --c-2 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsla(319,52%,25%,1);
}

@keyframes ani-your_css_selector_here {
  0% {
    --y-0: 23%;
    --s-start-0: 2%;
    --s-end-0: 60%;
    --x-0: 23%;
    --c-0: hsla(27,66%,73%,1);
    --x-1: 13%;
    --c-1: hsla(319,52%,25%,1);
    --s-start-1: 9%;
    --s-end-1: 59%;
    --y-1: 16%;
    --s-start-2: 9%;
    --s-end-2: 59%;
    --y-2: 89%;
    --x-2: 14%;
    --c-2: hsla(319,52%,25%,1);
  }
  100% {
    --y-0: 91%;
    --s-start-0: 4%;
    --s-end-0: 73%;
    --x-0: 92%;
    --c-0: hsla(319,52%,25%,1);
    --x-1: 95%;
    --c-1: hsla(27,66%,73%,1);
    --s-start-1: 4%;
    --s-end-1: 60%;
    --y-1: 18%;
    --s-start-2: 4.6%;
    --s-end-2: 60%;
    --y-2: 47%;
    --x-2: 97%;
    --c-2: hsla(38,86%,79%,1);
  }
}

#your_css_selector_here {
  --y-0: 23%;
  --s-start-0: 2%;
  --s-end-0: 60%;
  --x-0: 23%;
  --c-0: hsla(27,66%,73%,1);
  --x-1: 13%;
  --c-1: hsla(319,52%,25%,1);
  --s-start-1: 9%;
  --s-end-1: 59%;
  --y-1: 16%;
  --s-start-2: 9%;
  --s-end-2: 59%;
  --y-2: 89%;
  --x-2: 14%;
  --c-2: hsla(319,52%,25%,1);
  background-blend-mode:
    overlay,
    normal,
    normal,
    normal;
  will-change: transform,opacity;
  contain: paint;
  background:
    url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27256%27 height=%27256%27%3E%3Cfilter id=%27noise%27 color-interpolation-filters=%27sRGB%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.65%27 numOctaves=%273%27 seed=%271%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix type=%27saturate%27 values=%270%27/%3E%3CfeComponentTransfer%3E%3CfeFuncR type=%27linear%27 slope=%270.75%27 intercept=%270.125%27/%3E%3CfeFuncG type=%27linear%27 slope=%270.75%27 intercept=%270.125%27/%3E%3CfeFuncB type=%27linear%27 slope=%270.75%27 intercept=%270.125%27/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23noise)%27 opacity=%271%27/%3E%3C/svg%3E"),
    radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),
    radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),
    radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)) hsla(272,86%,9%,1);
  animation: 10s linear infinite alternate ani-your_css_selector_here;
}