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

Question

[rusya88]

Добрый день! Есть две картинки joxi.ru/l2ZjYZ6C7YbjD2 примерно так должны получится. Как это можно реализовать? Сделал свойствами position , но потерялась адаптивность. При Изменении разрешения картинка переносится не адаптивно, т.е. не занимает всей ширины контейнера. Почему так?, или другой способ реализации?

Comments

[Ankhena]

При Изменении разрешения картинка переносится не адаптивно, т.е. не занимает всей ширины контейнера. Почему так?

Без вашего кода в песочнице типа jsfiddle.net сложно сказать почему.
Вероятно, вы неверно задали ей размеры.
Собственно и на скрине, та картинка, которая абсолютом, тоже не занимает всей ширины.
Так что ничего не ясно.

[alex4answ]

нет, играйтесь с стилями, если они наезжают друг на друга - тут точно позиционирование вне потока, играйтесь breakpoint'ами % и тп

[rusya88]

alex4answ, стили не наезжают, просто картинка не занимает всю ширину , как текст joxi.ru/brRNnB6cOGaKer

[alex4answ]

rusya88, скиньте ваш пример на jsfiddle

[Ankhena]

rusya88,

стили не наезжают, просто картинка не занимает всю ширину , как текст joxi.ru/brRNnB6cOGaKer

так задайте ей width 100%