Ломается background, если размер страницы меньше размера .container

Если размер окна больше размера .container, то футер выглядит примерно так:

Но когда я когда окно меньше контейнера, с background происходит следующее: он уменьшается, прижимаясь к левому краю и поднимаясь наверх

Как можно сохранить размер background'а?

footer {
    height: 262px;
    padding: 15px 0px;
    background-color: rgb(91, 91, 91);
}

.container {
    margin: 0 auto;
    width: 1200px;
}

<footer>
  <div class="container">footer</div>
</footer>

Странно, но когда я запускаю код в сниппете, все прекрасно работает при масштабировании