<div class="card-container-vertical">
          <div class="card-overlay">
            <div class="card-overlay-text text-xl font-semibold">Out of stock</div>
            <img src="../../../website-docs/images/book.jpeg" alt="card-img" class="img-responsive card-img" />
            <div class="card-body-vertical">
              <div class="card-vertical-section">
                <div class="text-2xl font-bold card-heading">The Alchemist</div>
                <div class="text-sm color-text-grey">Author: Paulo Coehlo</div>
                <div class="card-price">
                  <span> ₹ 229 </span>
                  <span class="price-before text-xs"> ₹350 </span>
                  <span class="text-base inline-block">4.6 <i class="fa fa-star checked"></i> /5</span>
                </div>
                <button class="btn btn-sm">add to cart</button>
              </div>
            </div>
          </div>
        </div>