Hej, nie wiem czy skumałem o co Ci chodzi ale wydaje mi się że mogło by to wyglądać tak:
zmiana w dwóch miejscach w CSS, body:
body {
background-image: url(img/tlo.png);
margin: 0px;
font-family: 'Bebas Neue', cursive;
font-size: 20px;
overflow-x: hidden;
overflow-y: hidden;
}
I twój container :
#container {
margin-left: auto;
margin-right: auto;
background-color: white;
width: 879px;
padding: 10px;
border-left: 1px solid gray;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
overflow-y: auto;
max-height: 80vh; //tutaj możesz wykorzystać też calc(100vh - wysokość footera)
}