Делаем размытый фон для блока (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