Как сделать размытие контента?
По идее мы и должны размывать изображение и его располагать выше контента и при наведении сдвигать вверх или куда угодно 
Или применять заранее размытое изображение или svg 
В css это делает filter:blur(); но он наследуется и потому как правило применяют абсолютное позиционирование двух блоков
Это пример : codepen
комбинируй добавь, что то вроде такого background-color: rgba(255,255,255,0.80);
что у тебя = name::before или ....