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

[Anonymous]

Введите описание изображения здесь
Я хочу, чтобы изображение под текстом было выровнено вниз, а не непосредственно под ним, оба контейнера одинаковы с форматированием..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>






𝛏꒰ა ʚɞ ໒꒱Ⳋ






╰⠀╮⠀e⠀╭⠀╯
aerhaedhaedhaedh
aethaethahartdg






╰⠀╮⠀e⠀╭⠀╯
aerhaedhaedhaedh
aethaethahartdg






< /code>
vertical aligning doesn't do anything and i'm not sure why

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