Card with text overlay

<div class="m1 card vertical-card2-container">
    <h4 class="overlay-text">Sold Out!</h4>
    <div class="overlay-container">
        <img src="https://images-eu.ssl-images-amazon.com/images/I/41mZXgX-X6L._SX300_SY300_QL70_FMwebp_.jpg" alt="croton" class="card-img">
        <i class="card-close-btn btn-disabled fas fa-times"></i>
        <div class="p1 card-text-container">
            <div class="card-heading flex-r">
                <div>
                    <h5 class="card-header">Croton Plant</h5>
                    <div class="card-info">Stock available</div>
                </div>
                <p class="card-price m-left-auto">Rs. 499</p>
            </div>
            <h6>Neque porro quisquam est qui adipisci velit...</h6>
            <div class="card-btns align-center">
                <button class="btn btn-with-icon btn-disabled"><i class="p1-right fas fa-shopping-cart"></i>Add to cart</button>
                <div class="m-left-auto">
                    <button class="btn btn-icon card-icon-btn btn-disabled"><i class="far fa-heart"></i></button>
                    <button class="btn btn-icon card-icon-btn btn-disabled"><i class="fas fa-ellipsis-v"></i></button>
                </div>
            </div>
        </div>
    </div>
</div>