Como você pode ver na imagem, a última linha do texto não está alinhada com as outras (das outras placas de inicialização). Logicamente, esse fato depende principalmente do tamanho do texto superio

Como posso garantir que, independentemente do tamanho do texto, as três partes fundamentais estejam sempre alinhadas? Considerando também que o título (a primeira linha do texto) pode estar em várias linhas (caso muito extremo).

Este é o código para apenas um cartão:

<div class='col-lg-4' style='cursor: pointer; padding-bottom: 15px;'>
    <div style='height: 377.59px;' class='card mb-3' style='border: 1px solid #33cdc6;'>
        <img style='height:185.59px; width: 100%;' class='card-img-top' src='#' alt='Card image cap'>
        <div class='card-body'>
            <h5 class='card-title' style='color: #293a44;'>TITOLO</h5>
            <p class='card-text'>Breve descrizione</p>
            <p class='card-text'>
                <span class='h5 text-muted'>Montepremi</span>";
                <small style='padding-left: 125px;' class='text-muted'>data</small>
            </p>
        </div>
    </div>
</div>