<div class="hoverbox rounded-3 text-center">
  <img class="img-fluid" src="../../../assets/img/generic/3.jpg" alt="" />
  <div class="hoverbox-content bg-dark p-5 flex-center" data-bs-theme="light">
    <div>
      <p class="lead text-white">Style your card with different design using theme Hoverbox</p>
      <a class="btn btn-light btn-sm mt-1" href="#!">Learn more</a>
    </div>
  </div>
</div>

<a class="color-white" href="#!">
  <div class="hoverbox rounded-3">
    <img class="img-fluid" src="../../../assets/img/generic/1.jpg" alt="" />
    <div class="hoverbox-content">
      <img class="img-fluid" src="../../../assets/img/generic/2.jpg" alt="" />
    </div>
  </div>
</a>