/* Featured image at the very top of each blog article */
.blog-featured-image-top {
    margin: 0;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    background: #f3f6f8;
}

.blog-featured-image-top img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: contain;
    margin: 0 auto;
}

.blog-featured-image-top + .blog-article-header {
    padding-top: 38px;
}

@media (max-width: 600px) {
    .blog-featured-image-top {
        border-radius: 12px 12px 0 0;
    }

    .blog-featured-image-top img {
        max-height: none;
    }

    .blog-featured-image-top + .blog-article-header {
        padding-top: 26px;
    }
}