<!-- image caps -->
<div class="card mb-3">
  <img src="https://via.placeholder.com/600x400/c9d2e3/212837" alt="" class="card-img-top">
  <div class="card-body">
    <h5 class="card-title">...</h5>
    <p class="card-text">...</p>
  </div>
</div>

<!-- image overlay -->
<div class="card">
  <img src="https://via.placeholder.com/600x700/000000/ffffff" alt="" class="card-img">
  <div class="card-img-overlay">
    <h5 class="card-title">...</h5>
    <p class="card-text">...</p>
  </div>
</div>