.blogposts__container {
    grid-template-columns: repeat(3, 1fr);
    padding: 25px 0;
}

.blogposts--highlight-first-post .post-card:first-child {
    grid-column: span 2;
}

.blogposts--highlight-first-post .post-card:last-child {
    display: none;
}

.blogpost__carousel {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .blogposts {
        max-width: 100vw;
    }

    .blogposts__container {
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        margin: 0 25px;
    }

    .blogposts .post-card {
        scroll-snap-align: start;
        width: calc(100vw - 80px);
    }
}