Фоновые градиенты + шумовой комбо ⇐ CSS

[Anonymous]

Я пытаюсь воспроизвести градиент + шум на изображении ниже.
Градиент + шум:
Шум, который я хочу, имеет несколько красных пикселей в центре, а затем больше пикселей, исчезающих в радиале до края экрана. < /p>
Я также прикрепил градиенты и шум отдельно. Один центрированный «шумовый шар» также в порядке - не нужно иметь шум с правой стороны. < /P>
ps. Я работаю в Webflow - должен быть вторичным, так как это пользовательский код, но просто помечаю. < /P>
.gradient-bg {
background:
url("data:image/svg+xml;utf8,"),

radial-gradient(100% 100% at 70% 90%, rgba(255,107,107,0.85) 0%, rgba(255,196,196,0.5) 47%, rgba(242,242,242,0) 100%),
radial-gradient(100% 100% at 15% 100%, #F0DB78 0%, rgba(242,242,242,0) 100%),
#F2F2F2;
background-size: cover, cover, cover, cover;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... oise-combo