VERICALLT AND HORIZONATALY ALIGH CARD BOOTSTRAP code example
Example: centralize div bootstrap
<div class="row align-items-center justify-content-center">
<div class="col">This will be centered vertically and horizontally</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col">This will be centered vertically and horizontally</div>
</div>