Всегда указывайте все 3 значения: flex-basis, flex-grow, flex-shrink.
Если во flex-basis вы используете calc(), то пишите его в отдельном свойстве, а не в компиляционном свойстве flex.
Ну и ещё ряд моментов. Без кода проблемных участков — разговор ни о чём, поэтому пользуйтесь вышеуказанными источниками для выяснения проблемных участков кода.
Если говорить про размытие подложки — это будет работать исключительно в Safari. Для других браузеров решений нет. О костылях, canvas'ах и JS я говорить не буду — с ними будет глючить всё и вся.
Если говорить про размытие «определенного цвета, а не картинки» — я не понял.
У меня не было с ним много проблем, но он в ряде случаев может ломать вёрстку (как и любой иной такой плагин). Я не встречал с ним таких проблем, правда.
Согласен с автором выше. Какое поведение вы ожидаете? Убрал жёсткую ширину у вашего блока, чтобы работало сжатие экрана — всё работает так, как вы описали:
https://codepen.io/anon/pen/JQRXJg