card-overlay-cl

<div class="card-outer-body">
    <div class="card-inner-body text-overlay">

        <div class="img-body">
            <img class="text-overlay" src="../../images/tanjiro-resized.png" alt="">
        </div>

        <div class="card-info flex">
            <span class="card-title">Tanjiro Demon Slayer Black T-Shirt</span> <br>
            <small class="card-rating"><i class="fas fa-star"></i> 5</small>

            <div class="price-wishlist flex">
                <span class="current-price">₹1079</span>
                <small class="previous-price">₹2000</small>
                <small class="discount">46% off</small>
                <button class="btn-wishlist"><i class="fas fa-heart"></i></button>
            </div>
        </div>
    </div>
    <span class="overlay-text">Out of Stock</span>
</div>