Изменение размера фонового изображения всегда пропорционально масштабу с центральной точкой

Я хочу иметь возможность воспроизводить поведение изображения этого сайта при изменении размера.

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

Вот пример:

Теперь мой фон имеет следующий css:

#bg {
    position: fixed;
    top: 0;
    left: 0px;
    width:100%;
}

Проблема в том, что она исправлена, и я хочу, чтобы она обрезалась, когда изображение не может быть масштабировано.