.posts-collection--metro {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.25rem;
}
.posts-collection--metro > .th-blog {
    grid-column: span 4;
    margin-bottom: 0 !important;
}
.posts-collection--metro > .th-blog:first-child {
    grid-column: span 8;
}
@media (max-width: 991.98px) {
    .posts-collection--metro > .th-blog,
    .posts-collection--metro > .th-blog:first-child {
        grid-column: span 6;
    }
}
@media (max-width: 575.98px) {
    .posts-collection--metro > .th-blog,
    .posts-collection--metro > .th-blog:first-child {
        grid-column: span 12;
    }
}