Как сделать изображение в этих DEAV ⇐ CSS

[Anonymous]

Введите описание изображения здесь
Я хочу, чтобы изображение под текстом было выровнено до дна, а не непосредственно под ним, оба контейнера одинаковы с форматированием. Lang-CSS PrettyPrint-Override ">

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

.contain {
width:100%;
height:70%;
text-align: center;
margin: 10%;
max-height: 80%;
display:flexbox;
align-content: flex-end;
justify-content: center;
flex-wrap: wrap;
gap: 500px;

}

and this one :
#r1{
background-color:red;
max-height: 40%;
display:inline-block;
min-width:40%;
height:70%;
}

and this is their styling :

.downalign{
display:flexbox;
align-content: flex-end;
justify-content: center;
}< /code>






𝛏꒰ა ʚɞ ໒꒱Ⳋ




[img]https://files.catbox.moe/xuo01x.png[/img]

╰⠀╮⠀e⠀╭⠀╯
aerhaedhaedhaedh
aethaethahartdg

[img]https://files.catbox.moe/qvokux.png[/img]


[img]https://files.catbox.moe/xuo01x.png[/img]

╰⠀╮⠀e⠀╭⠀╯
aerhaedhaedhaedh
aethaethahartdg

[img]https://files.catbox.moe/qvokux.png[/img]

Вертикальное выравнивание ничего не делает, и я не уверен, почему

Подробнее здесь: https://stackoverflow.com/questions/797 ... -container