Как воссоздать фон зернистого градиента с помощью SVG ⇐ CSS

[Anonymous]

Изображение ниже представляет собой фрагмент моей визуальной концепции на фигме. Я использовал бесплатный плагин для создания такого рода фона, известного как шумный или зернистый градиент. На мой взгляд, это выглядит уникально и визуально интересно. Я считаю, что важно использовать SVG, чтобы сохранить легкий вес и поддерживать хорошую производительность. />

Код: Выделить всё

.grainy-background-layer {
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
filter: url(#grainy);
background: linear-gradient(120deg, #4183d7, #a754d6);
opacity: 1;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -using-svg