Если вы посмотрите на поле синей рамки, то увидите, что оно центрировано, а поле справа имеет тот же размер, что и с левой стороны. Таким образом, отзывчивость этого блока div правильная.
Часть «лишних пикселей», я думаю, состоит в том, что изображение не может уместиться на вашем экране, а атрибуты изображения установлены так, чтобы сохранять соотношение сторон xy, плюс я думаю, для этого изображения есть атрибут min-height и width: 100%.
В идеале изображение может соответствовать sh и min-height и width: 100% css правилам, но с учетом ширины изображения относительно большой по сравнению с шириной экрана, браузер не может выполнить sh правило width: 100%, и вот как вы видите результат.