.other-posts .overview-btn {
    grid-area: 1/3/1/span 10;
    justify-self: flex-end;
    margin-bottom: max(24px, 1.875vw);
}

.other-posts .posts-container {
    grid-area: 2/2/2/span 12;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--m-60);
    padding: max(24px, 2.5vw) max(12px, 1.25vw);
}

.other-posts .posts-container .post-item {
    width: 100%;
}

.other-posts .posts-container .post-item .post-thumbnail {
    grid-area: 1/1/1/1;
    aspect-ratio: 1/1;
}

.other-posts .posts-container .post-item .post-date,
.other-posts .posts-container .post-item .arrow-btn {
    grid-area: 1/1/1/1;
    z-index: 1;
    margin: 10px;
}

@media (max-width: 991.98px) {
    .other-posts .posts-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .other-posts .posts-container {
        grid-template-columns: 1fr;
    }
}