Как использовать абсолютную позицию для гибкого элемента, чтобы он не исчезал? ⇐ Html

[Anonymous]

Я сейчас в растерянности и буду признателен за любую помощь. Я пытался накладывать изображения друг на друга с помощью позиционирования, но они продолжают исчезать, когда я задаю им абсолютное положение.
Как мне заставить это работать? Я просто хочу наложить три изображения поверх каждого, сохраняя при этом общий макет веб-страницы гибким, потому что им легче управлять.
Примечание: это пример кода, основанный на моем точном методе, просто для простоты.

Код: Выделить всё

img {
max-width: 100%;
height: auto;
}

.container {
display: flex;
gap: 30px;
}

.img__container {
display: flex;
position: relative;
}

.img__one {
position: absolute;
}

.img__two {
position: absolute;
}

.img__three {
position: absolute;
}

Код: Выделить всё

[img]book.png[/img]

[img]book__two.png[/img]

[img]book__three.png[/img]



Books

Подробнее здесь: https://stackoverflow.com/questions/798 ... sappearing