Проблема сайта с размером после уменьшения ширины ниже 500 пикселей ⇐ CSS

[Гость]

Я пытаюсь добавить на свой сайт адаптивный дизайн. Когда ширина превышает 500 пикселей, все работает нормально, но когда она падает ниже 500 пикселей, масштабирование фона происходит так же, как при выравнивании по левому краю: img шириной менее 500 пикселей Проблема в пустом месте в правой части страницы.

Я пробовал использовать несколько @media, чтобы решить проблему, но мне кажется, что проблема не только в этом.

Ссылка для предварительного просмотра: https://quartezz.github.io/Portfolio