.blog-hero {
    background-color: var(--lightGrey)
}

.blog-hero__post {
    display: flex;
    gap: 96px
}

.blog-hero__post-title {
    color: var(--black) !important
}

.blog-hero__post-title:hover {
    text-decoration: underline
}

.blog-hero__post-item-body {
    max-width: 672px;
    width: 100%
}

.blog-hero__post-item-cover {
    aspect-ratio: 1.91/1;
    margin-bottom: 24px;
    max-width: 352px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.blog-post__author-img {
    border-radius: 100px;
    overflow: hidden
}

@media (max-width: 1152px) {
    .blog-hero__post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 40px
    }

    .blog-hero__post-item-body, .blog-hero__post-item-cover {
        max-width: 100%
    }
}