Как сделать разделенный и заблюренный задний фон под блоком?

Question

[Xyyax]

Есть такой вот блок - https://imgur.com/a/LLI9OgW
Как сделать слева и справа такой разделенный заблюренный фон?
Обязательно ли делить картинку пополам руками?

Comments

[wadowad]

Чтобы "заблюрить", есть такое css-свойство:

backdrop-filter: blur(5px);

[Ankhena]

Там нет никакого разделения.
Просто сделана подложка из той же самой картинки и filter: blur(5px);

Комбинаций много, можно вставить дубль как фон, как псевдоэлемент, можно backdrop-filter для псевдо или figure в которую обернута картинка и т.д.

https://codepen.io/AnnaSummer/pen/GRQYbyZ