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

[Anonymous]

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

Код: Выделить всё

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;
}

Код: Выделить всё

[url=#inicio]
[img]/imagenes/Texto del párrafo (1).png[/img]
[/url]


[*][url=#quiensoy]¿Quién soy?[/url]
[*][url=#clases]Clases[/url]
[*][url=#contacto]Contacto[/url]




[img]imagenes/Euge-347.png[/img]

lorem
lorem

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