Ultimate Bootstrap 5 Snippets Cheat Sheet

Image With Overlay

<div class="bg-image" style="max-width: 22rem;">
  <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />
  <div class="mask text-light d-flex justify-content-center flex-column text-center" style="background-color: rgba(0, 0, 0, 0.5)">
    <h4>Custom heading</h4>
    <p class="m-0">paragraph</p>
  </div>
</div>

Custom heading

paragraph