.blog-main__top {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
    margin-bottom: 64px;
}
@media (max-width: 1920px) {
    .blog-main__top {
        margin-bottom: 56px;
    }
}
@media (max-width: 1200px) {
    .blog-main__top {
        display: block;
        margin-bottom: 48px;
    }
    .blog-main__top-left {
        margin-bottom: 32px;
    }
}
@media (max-width: 767px) {
    .blog-main__top {
        margin-bottom: 42px;
    }
}