Одинаковая высота столбцов для начальной загрузки ⇐ CSS

[Anonymous]

Наверное, это просто, но я не смог понять, как это исправить.
Я использую Bootstrap5.
Полный код находится здесь:
https://www.codeply.com/p/BywuhLNUXy
Похоже, у codeply есть некоторые проблемы...
Поэтому я добавил его также на jsfiddle
https://jsfiddle.net/paul_z/y7a6dnkf/1/
В основном это страница каталога контактов.
Структура кода

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

[i]

[/i] user 1
CDD IT Informatique

[i][/i] ###
[i][/i] mail
[i][/i] phone






...

На больших экранах отображаются две карточки в столбце.
Проблема в том, что карточки иногда имеют разную высоту.
Например для пользователя 2 его роль изменилась: «Enseignant Chercheur Astrophysical Hautes Energies» вместо «CDD IT Informatique», поэтому эта строка занимает две строки вместо одной. И поэтому карта для пользователя 2 имеет высоту, отличную от других карт.
Как это исправить?
Я не знаю размера карты, поэтому не смог это исправить. неявно (и в любом случае это, вероятно, не очень хорошая идея).
P.S.: У меня та же проблема, если логотипы имеют разные размеры. Несмотря на использование img-fluid,widht,max-widht,max-height и т. д., некоторые логотипы меняют высоту карты. Но я думаю, что сначала мне нужно решить простую проблему с высотой.

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