При использовании свойства `position: fixed`, элемент позиционируется относительно окна браузера и остается на месте при прокрутке страницы. Однако, если у родительского элемента установлено свойство `overflow: auto` или `overflow: scroll`, то это может повлиять на поведение элемента с `position: fixed`.
Когда у родительского элемента установлено `overflow: auto` или `overflow: scroll`, дочерние элементы с `position: fixed` могут поведение не так, как ожидается - они могут начать перемещаться вместе со страницей при прокрутке. Это происходит потому, что родительский элемент становится контейнером для скроллинга, и дочерний элемент фиксируется относительно этого контейнера.
Если вы хотите, чтобы элемент с `position: fixed` оставался на месте даже при использовании `overflow: auto` или `overflow: scroll` у родительского элемента, можно переместить этот элемент непосредственно в `<body>` для избежания влияния родительского элемента на его позиционирование. Таким образом, изменить CSS стили, чтобы избежать данного поведения.