<div class="card-basic-overlay br-s p-xs m-xs">
    <img class="img-basic-overlay" src="https://picsum.photos/300/200" alt="card image" />
    <div class="title-subtitle-overlay m-xs">
        <h3 class="title-basic-overlay">Our Changing Planet</h3>
        <h4 class="subtitle-basic-overlay">By Kurt Wanger</h4>
    </div>
    <p class="content-overlay p-xs m-xs">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor ipsam
        porro facilis perferendis consectetur sunt. Nam exercitationem, veniam
        iure facere explicabo, vel ipsa suscipit recusandae molestiae quo quae
        impedit accusamus!
    </p>
    <div class="action-btns-basic-overlay">
        <a href="#" class="links-basic-overlay">Read</a>
        <a href="#" class="links-basic-overlay">Bookmark</a>
        <i class="far fa-heart icons-basic-overlay"></i>
        <i class="fas fa-share-alt icons-basic-overlay"></i>
        <i class="fas fa-ellipsis-v icons basic-overlay"></i>
    </div>
</div>