Как правильно верстаются данные элементы изображения?

Question

[Валентин Попов]

Добрый день.
Подскажите как правильно сверстать изображения если их часть расположена и в контентной области ( т.e для контентной области я задаю container с шириной max-width: 1200px) и за ее пределами. Что я имею ввиду можно посмотреть на скриншоте.

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

Answer 1

[Vyach Gor]

как вариант, вот мой способ реализации - link

Answer 2

[Dymok]

Можно взять принцип отсюда:
https://toster.ru/answer?answer_id=904552#answers_...

Answer 3

[igumenov]

В текущей ситуации я бы сделал так:
Создаем некий контейнер 1600, в него уже 2 колонки с width 50% (чтобы с полосой футера сошлось) и в правую изображение
и весь этот контейнер бы положил абсолютно z-index: -1
Тогда получится адаптивное решение

Comments

[Валентин Попов]

А родитель у этого контейнера что должно быть?

[igumenov]

ну я бы разместил так
body
- . wrapper
-- наш блок