Как сделать размытие предыдущего блока, когда размер нового блока занимает больше, чем полэкрана в высоту?

Занимаюсь версткой сайта и получил такое ТЗ. Все пытался это реализовать, но не хватает знаний, не могу найти подобные ссылки. Буду очень благодарен, если прикрепите ссылку на решение или покажите, как сделать на JS.

ТЗ: