I'm at a loss right now, and would appreciate any help, please. I've been trying to layer images over each other using positioning, but they keep disappearing when I make them position absolute.
How do I get it to work? I just want to layer 3 images over each while keeping my overall webpage layout as flex because it's easier to control.
Note: this is an example code based off my exact method just to keep it simple.
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;}<article class="container"><div class="img__container"><div class="img__one"><img src="book.png"></div><div class="img__two"><img src="book__two.png"></div><div class="img__three"><img src="book__three.png"></div></div><div class="description"><h1>Books</h1></div></article>