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

[Anonymous]

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
















Книги


Код CSS:
Img {
max-width: 100%;
height: auto;
}
.container {
display: flex;
Gap: 30 пикселей;
}
.img__container {
отображение: гибкое;
позиция: относительная;
}
.img__one {
позиция: абсолютная;

.img__two {
позиция: абсолютный;
}
.img__three {
позиция: абсолютный;


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