Как сделать размытие фона элемента?

Question

[Артём Ряженков]

Суть в том, что есть элемент (допустим, с текстом или портфолио, не принципиально). На его фоне стоит картинка, и нужно, чтобы один ее верхний край плавно сливался с фоном самой страницы.
Картинка не особо сложная, этот самый верхний край довольно одноцветный, но с переливами по бокам, это бросается в глаза.
Как это выполнить?

Answer 1

[Odisseya]

Можно сделать 2 слоя с картинкой, нижний слой (позиционированный под первым) размыть через filter: blur();
Пример: https://codepen.io/anon/pen/aqqoXd
Радиус размытия можно увеличить за счет растяжения нижнего слоя: https://codepen.io/anon/pen/oEENjw

Answer 2

[Олег]

Может
box-shadow: inset
https://jsfiddle.net/Politonius/epLua0rv/15/