Можно ли растянуть фоновую картинку блока с фиксированной шириной?

Question

[mk11]

Есть контейнер с двумя блоками фиксированных размеров.

<div class="wrapper">
        <div class="one size"></div>
        <div class="two size"></div>
    </div>

.wrapper {
            width: 1200px;
            display: flex;
            gap: 100px;
            margin: 0 auto;
        }
        .size {
            width: 550px;
            height: 645px;
        }
        .one {
            border: 1px solid aqua;
            background-image: url("https://i.paste.pics/446bec07be4100891d24b4c8fc5f5000.png");
            background-repeat: no-repeat; 
            background-position: right;
        }
        .two {
            border: 1px solid blue;
        }

Можно ли каим то образом растягивать фон блока one влево, если ширина эркана больше ширины wrapper? При этом сохраняя реальные размеры фонового изображения

Comments

[Вадим]

что значит "расстягивать" и тут же "сохранять реальные размеры"? Как это?
Наверное, Вы имели в виду "пропорции" а не "размеры"?

[Ankhena]

1. Обертка
2. Псевдоэлемент
3. Заменить фикс ширину на паддинги через calc
Гуглите по фразам типа "контент по центру фон по ширине"

[mk11]

Вадим, ширина изображения 1006px, ширина блока 550px и изображение по ширина обрезается. Я имею ввиду. что изображения можно растянуть по ширине до 1006px, то есть до его реальных размеров