.home-posts-2 {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 30px;
}

.home-posts-2 a,
.home-posts-2 a:hover,
.home-posts-2 a:focus,
.home-posts-2 a:visited {
    color: #333333;
}

.home-posts-2 a:hover h3,
.home-posts-2 a:focus h3 {
    color: #ed8e49;
}

.home-posts-2 .featured-posts,
.home-posts-2 .all-posts {
    display: grid;
    grid-template-columns: 1fr;
    height: max-content;
    gap: 30px;
}

.home-posts-2 .post {
    display: grid;
    gap: 15px;
}
.home-posts-2 .post > * {
    height: max-content;
}

.home-posts-2 .post-image-container {
    overflow: hidden;
    grid-area: image;
}

.home-posts-2 .post-image-container img {
    aspect-ratio: 1200/628;
    object-fit: cover;
    transition: all 1s ease-in-out;    

}

.home-posts-2 .post:hover .post-image-container img {
    transform: scale(1.1);
}

.home-posts-2 .post-title {
    grid-area: title;
    margin-bottom: 15px;
    transition: all .2s ease-in-out; 
}

.home-posts-2 .all-posts .post-title {
    margin-bottom: 0;
}

.home-posts-2 .post-title-excerpt {
    grid-area: title-excerpt;
}

.home-posts-2 .featured-posts .post {
    grid-template-columns: 1fr 1fr;    
    grid-template-areas:
        "title-excerpt image"
}

.home-posts-2 .featured-posts .post-title {
    font-size: 1.5rem;
}

.home-posts-2 .featured-posts .post-excerpt {
    font-size: .9rem;
}

.home-posts-2 .all-posts .post {
    grid-template-columns: 1fr;
    grid-template-areas:
        "image"
        "title"
}

.home-posts-2 .all-posts .post-title {
    font-size: 1.2rem;
}

@media (max-width: 767px) {

    .home-posts-2 {
        grid-template-columns: 1fr;
    }
    
    .home-posts-2 .featured-posts .post {
        grid-template-columns: 1fr;    
        grid-template-areas:
            "image"
            "title-excerpt";
    }
    
    .home-posts-2 .all-posts .post {
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
            "title image";
    }    

}

@media(max-width: 991px) {
    
    .home-posts-2 .featured-posts .post {
        grid-template-columns: 1fr;    
        grid-template-areas:
            "image"
            "title-excerpt";
    }

}