#posts-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;

    & .featured-image {
        margin-bottom: 20px;

        & a {
            display: block;
            width: 100%;
        }

        & img {
            aspect-ratio: 788 / 603;
            width: 100%;
            object-fit: cover;
        }
    }

    & .post-content {
        
        & a {
            text-decoration: none;
        }

        & h3 {
            font-size: 20px;
            line-height: 1.5em;
            letter-spacing: -0.02em;
            font-weight: 350;
            color: #F5F5F5;
            text-decoration: none;
            margin-bottom: 8px;
        }

        & p {
            color: #C1C1C1;
            font-family: 'Kalice-Trial', sans-serif !important;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.2em;
            letter-spacing: -0.01em;
            margin-bottom: 20px;
        }

        & .tags-container  {
            color: #F5F5F5;
            font-size: 18px;
            font-weight: 350;
            line-height: 1.5em;
            letter-spacing: -.02em;
            text-transform: uppercase;
        }
    }
}

@media screen and (width <= 768px) {
    #posts-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;

        & .post-content {

            & h3 {
                line-height: 1.2em;
            }

            & .tags-container {
                font-size: 16px;
            }
        }
    }
}