В примере кажется размыты потому что там у блока #efefcts в качестве background сама картинка iPhon-а, и размывается она (создается эффект что оригинальная каринка размыта)
Можешь добавитть весь контент (кроме окно) в блок которого будешь размывать при открытии окна
Вот
примерP.S.: На codepen не обязательно писать весь html, только то что в body, а JS не обязательно поставить в $(document).ready, он и так там будет.