Делаем размытый фон для блока (blurred background)

Задача – сделать для отдельного блока на странице размытый фон,

Вариант первый – используем две картинки: одна простая для фона и одна заблюренная для блока с размытым фоном

See the Pen Blurred Background CSS by Denis (@deniscreative) on CodePen.0

Вариант второй – используем одну картинку и псевдо-элементу добавляем filter: blur

See the Pen Blurred background by Denis (@deniscreative) on CodePen.0