.lst-post-container {
      width: 100%;
      display: grid;
      gap: 20px;
      padding: 20px;
      box-sizing: border-box;
    }

    .lst-post-article {
      display: flex;
      flex-direction: column;
      align-items: left;
    }

    .lst-post-article img {
      width: 100%;
      height: 286px;
      object-fit: cover;
      border-radius: 10px;    
      background-color: white;
    }

    .lst-post-article h2 {
      color: #FFF;
      text-align: left;
    }

    /* Desktop: 3 columns */
    @media (min-width: 1024px) {
      .lst-post-container {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    /* Tablet: 2 columns */
    @media (min-width: 768px) and (max-width: 1023px) {
      .lst-post-container {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* Mobile: 1 column */
    @media (max-width: 767px) {
      .lst-post-container {
        grid-template-columns: repeat(1, 1fr);
      }
    }