Мой «липкий» не работает, когда находит контейнер ⇐ CSS

[Anonymous]

Когда я прокручиваю раздел миссий видения, стикер не работает.
Мне нужна помощь, в теле тоже больше контейнеров.
Я пробовал разные положения, но не смог заставить это работать. я не знаю, как это исправить
все контейнеры находятся внутри тела
Часть моего CSS:

``` header {
position: sticky;
top: 0;
z-index: 999;
}

.container {
width: 100%;
height: 80px;
background-color: #CFBBC0;
display: flex;
align-items: center;
box-sizing: border-box;

}

nav {
padding: 0 17rem;
display: flex;
align-items: center;
justify-content: space-between;

}

nav li {
list-style-type: none;
padding: 0;
}

.visionymision {
margin: 60px 0;
background-color: #CFBBC0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center; } ```

Часть моего HTML:











[*]¿Quién soy?
[*]Clases
[*]Contacto







lorem

lorem




Подробнее здесь: https://stackoverflow.com/questions/784 ... -container