<div class="d-flex flex-column card br-top-sm">
    <div class="card-media">
        <img class="responsive-img br-top-sm" src="/src/img/backpack1.jpg" alt="no img">
        <div class="card-body card-body-overlay">
            <h2 class="font-size-md m-0">Backpack</h2>
            <h6 class="font-size-sm color-gray-500 m-0">Grey & Black</h6>
            <div class="card-desc font-weight-600">
                <div>₹ 699</div>
                <div class="text-decoration-linethrough">₹ 1398</div>
                <div class="color-green-600">50% off</div>
            </div>
        </div>
    </div>
    <button class="btn btn-add-cart btn-primary w-100-per font-size-regular">View Cart</button>
</div>