Как убрать разводы при blur эффекте?

Question

[Rubical]

Мне нужно сделать фон как на первой картинке . Прописал в css на примере красного blur-эффекта слева через

position: absolute;
  width: 311px;
  height: 311px;
  left: -102px;
  top: 251px;
  background: #961a1a;
  opacity: 0.5;
  filter: blur(196px);

Но по какой-то причине получилось вот так .
Что нужно сделать чтобы убрать эти непонятные разводы?

Comments

[Одиночка Айс]

1. Уберите блюр в Figma и посмотрите на исходный размер круга
2. Хром порой начинает тормозить, если применять блюр напрямую или использовать svg, при больших размерах элемента. Если начнет - используйте png.

[Анатолий Куликов]

Есть такое ощущение, что объект, от которого блюр создается, не совсем круглый.

[Rubical]

Анатолий Куликов, дописывал border-radius: 50%, ничего не поменялось

Answer 1

[Александр]

Comments

[Rubical]

Спасибо большое