А чему задавать бордеры? Тоже контейнеру?

Внешние отступы != внутренние отступы

Всем привет!
Друзья, прошу помощи!
У меня есть такое задание:
"В макете - картинка, у которой размыт ее верх. Картинка всегда должна растягиваться на100% по ширине и высоте окна браузера, при открытии страницы и ресайзе окна. Картинка
должна быть фиксирована на фоне при прокрутке контента страницы (background-attachement
= fixed).
Под картинкой сделайте просто белую страницу с каким-нибудь длинным текстом, который и
необходимо будет прокручивать на странице.
При всем при этом размытая область вверху картинки должна прокручиваться вместе со
страницей. Т.е. должен создаваться эффект размытого стекла, которое лежит поверх
картинки, а при скролле просто поднимается вверх (опять же поверх картинки).
Видео как это должно работать: https://cloud.mail.ru/public/29uD/RiiRVTrYj"
Я застрял на моменте, где нужно сделать размытие верхней части. Вот как я пытаюсь решить эту задачу: https://codesandbox.io/s/falling-framework-n0r08Я добавил дивку и пытаюсь применить к ней размытие. Но размытие применяется только к тому контенту, который находится в самой дивке. А то, что находится за ней, остается не размытым. Подскажите, пожалуйста, как можно решить задачу?

backdrop-filter

А чему задавать бордеры? Тоже контейнеру?

Ааааа
Чего вы так запариваетесь
Есть секция, в ней лежит где-то кнопка, а от этой кнопки должен быть отступ снизу
Вы делаете обёртку .section__btn, у неё делаете нижний отступ и в неё кладёте стилизованную .btn
Структура:
.section > .section__btn > . btn

Не надо обертку.

“btn section__btn”

Все

Не надо обертку.

“btn section__btn”

Все

Господа, а не подскажите, можно ли как-то через элемент col  скрывать колонки?

?