<article class="cards">
     <h3>Long cards</h3>
     <div class="card-container">
         <div class="long-cards">
             <img src="https://images.pexels.com/photos/4790590/pexels-photo-4790590.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="" />
             <p class="card-text">
                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
                 laudantium quasi atque maiores rerum qui nam nisi ullam
                 blanditiis ut.
             </p>
             <div class="card-btn-container">
                 <button class="primary-button card-button">
                     <i class="fas fa-shopping-cart"></i>
                 </button>
                 <button class="primary-button card-button">
                     <i class="far fa-heart"></i>
                 </button>
             </div>
         </div>