How do i make the card with the smaller text adjust the text area to be the same with the extra text
Aim
Both text areas to be same size
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row justify-content-center cols-2 col-10 card-group">
<div class="col-md-5 col-sm-12 pb-4">
<div class="card">
<div class="img-holder" style="border-bottom: 5px solid #4ef4cb;">
<img src="/wp-content/uploads/2024/04/bg-2.png" class="img-fluid" alt="">
</div>
<div class="text-white p-3 card-body">
<h5 class="text-white fw-bold mb-1">some name</h5>
<p>one two three four/p>
</div>
</div>
</div>
<div class="col-md-5 col-sm-12 pb-4">
<div class="card">
<div class="img-holder" style="border-bottom: 5px solid #4ef4cb;">
<img src="/wp-content/uploads/2024/04/bg-1-1.png" class="img-fluid " alt="">
</div>
<div class="text-white p-3 card-body">
<h5 class=" fw-bold mb-1">some name</h5>
<p> one two three four five six seven eight nine ten</p>
</div>
</div>
</div>
</div>