{# Blog posts grid positioning styles #}
      .blog-listing {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
      }
      
      .blog-listing h2.blog-listing__post-title{
        width: 100%;
        
      }
      
      article.blog-listing__post.card{
        max-width: 300px;
      }
      
    .blog-listing__post-button-wrapper a{
      padding: 0px !important;
    }

    .blog-listing__post-image{
       object-fit: cover;
       width: 100%;
    }

@media (max-width: 842px){
    .blog-listing {
           flex-direction: column;
           align-items: center;
    }
  
   .blog-listing h2.blog-listing__post-title{
      
       /* min-height: auto;*/
      }
}