<div class="main-container 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"
            class="">
    </div>
    <div class="sub-content">
        <header class="heading">Our Changing Planet</header>
        <p class="sub-text">by Kurt Wagner<p>
    </div>
    <p>Visit ten places on our planet that are undergoing the biggest changes today </p>
</div>
<div class="actions">
    <p>READ</p>
    <p>BOOKMARK</p>
    <div class="badge-on-icon">
        <img src="/src\cart.svg" class="badge-icon" alt="cart">
        <span class="badge badge-red">5</span>
    </div>
    <div class="badge-on-icon">
        <img src="/src\msg.svg" class="badge-icon" alt="cart">
        <span class="badge badge-green">5</span>
    </div>
</div>