<div class="hoverbox rounded-md text-center">
  <img src="../../../assets/img/generic/3.jpg" alt="" />
  <div class="hoverbox-content bg-dark p-12 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-tertiary btn-sm mt-1" href="#!">Learn more</a>
    </div>
  </div>
</div>

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