Как мне сделать так, чтобы другие элементы не попадали под мою позицию div? [закрыто] ⇐ CSS

[Anonymous]

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

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

article {
display: flex;
position: relative;
height: 500px;
gap: 50px;
}

.description {
width: 50%;
}

article .card__luffy {
position: relative;
}

.img__luffy {
position: relative;
width: 50%;
}

.one__luffy,
.two__luffy,
.three__luffy {
position: absolute;
top: 0;
left: 0;
}

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

[url=#]Learn more[/url]

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