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

я хочу, чтобы фоновое изображение было больше, чем содержимое, которое останется по центру содержимого, но не повлияет на макет (что означает отсутствие полос прокрутки для размещения фонового изображения). содержимое должно быть центрировано с использованием поля: auto; так что левая сторона останется на одном уровне с левой стороной области просмотра, когда область просмотра станет меньше содержимого.

Я видел, как этот вопрос задавали несколько раз, и пробовал довольно много решений, но ни один из принятых ответов на самом деле не сработал.

Отредактируйте, чтобы прояснить

Этот вопрос все еще немного туманный, поэтому я попытаюсь внести ясность с помощью некоторых изображений, показывающих, что мне нужно. На этих изображениях зеленый - фоновое изображение, красный - основное содержимое, а синий - область просмотра браузера.

A: Когда область просмотра меньше, чем фоновое изображение и основное содержимое, левая сторона содержимого остается на одном уровне с левой стороной области просмотра, фоновое изображение остается по центру основного содержимого, полосы прокрутки области просмотра будут прокручиваться только к правому краю основного содержимого (а не к правому краю фона).

B: Когда область просмотра больше, чем фоновое изображение и контент, оба остаются в центре области просмотра.

C: Когда область просмотра имеет тот же размер, что и основное содержимое, фоновое изображение должно оставаться по центру основного содержимого, полосы прокрутки не должны присутствовать.