<div class="card text-over-card">
    <div class="main-container  text-over-img hover-class">
        <div class="card-image">
            <img src="https://cdn.pixabay.com/photo/2019/05/23/13/11/headphones-4223911_960_720.jpg" alt="card">
        </div>
        <div class="sub-content text-overlay">
            <header class="heading">Our Changing Planet</header>
            <p class="sub-text">by Kurt Wagner<p>
        </div>
    </div>
    <div class="actions">
        <p>READ</p>
        <p>BOOKMARK</p>
        <i class="fas fa-heart"></i>
        <i class="fas fa-share-alt"></i>
        <i class="fas fa-ellipsis-v"></i>
    </div>
</div>