Как сверстать подобное?

Question

[Андрей]

Здравствуйте! Собственно интересует как правильно сверстать с учетом адаптивности два этих блока с текстом у которых сзади идет своя картинка с данным позиционированием? Блоки с контентом не вызывают сложности, но вот как разместить картинку чтобы она постоянно меняла свою позицию вместе с блоком над ней, если будет меняться размер экрана например? before и after мне не помогли, так как картинка перекрывает данный блок с текстом (z-index тоже не повлиял на это). Подскажите пожалуйста пути решения.

Comments

[Rheinmetall]

Ту можно без позиционирования. Два блока по 50% шириной, ставишь картинки на бэкграунд, левому блоку бэкграунд-позишн лефт, правому райт. Бэкграунд сайзом можешь (если нужно) поиграть чтоб добится нужного размера картинок. Margin, padding по вкусу.

[Андрей]

Rheinmetall, спасибо, сейчас попробую реализовать так.

Answer 1

[Олег]

Можно задать множественный background ( https://developer.mozilla.org/en-US/docs/Web/CSS/C... ), но для адаптивности здесь явно два блока 50/50 которые при уменьшении размера девайса должны стать 100%.