Как выровнять текст по вертикали на карточке Bootstrap? [дубликат] ⇐ CSS

[Anonymous]

У меня есть набор/серия карточек Bootstrap, где каждая карточка имеет изображение, а затем основной текст. Каждое из моих изображений имеет разные размеры, поэтому я установил для них максимальную высоту 100 пикселей. Однако я пытаюсь выяснить, есть ли способ, чтобы текст на всех карточках начинался с одинаковой высоты — сейчас текст просто начинается с той высоты, где заканчивается изображение.
Другими словами, я хочу, чтобы весь основной текст был выровнен по невидимому «верху» под изображением, независимо от высоты изображения каждой карточки. Что-то вроде этого вопроса.

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

iv
class="col-md-4 col-12 p-3 d-flex flex-wrap justify-content-center align-items-start card-container"
>

class="card mx-3 h-100 d-flex flex-column"
style="max-width: 10rem"
>
[img]imgs/pic1.svg[/img]
                alt="Card 1"
style="object-fit: cover; height: auto; max-width: 100%"
/>

Text




class="card mx-3 h-100 d-flex flex-column"
style="max-width: 10rem"
>
[img]imgs/pic2.png[/img]
                alt="Card 2"
style="object-fit: cover; height: auto; max-width: 100%"
/>

Text

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

Подробнее здесь: https://stackoverflow.com/questions/792 ... strap-card