Размытие фона для экрана разблокировки 18.04

Я добавил фоновое изображение для разблокировки экрана 18.04, используя приведенный ниже код в ubuntu.css в usr/share/gnome-shell/theme

#lockDialogGroup { background: #2e3436 url("unlock-background.jpeg"); background-repeat: none; background-size: cover; }

. Хотя это прекрасно работает, возможно ли добавить эффект размытия к любому изображение мы используем в качестве фона разблокировки экрана? Благодаря.

Например. Нечто похожее на размытие ниже

Возможное решение от w3schools

/* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);

Я не совсем уверен, как добавить этот кусок CSS.