.blog-hero-section{
    position: relative;
    padding: var(--padding);
}
.blog-hero-section.text-only{
    padding: 0;
}
.blog-hero-section-surround{
    position: relative;
}
.blog-hero-section-asset{
    width: 100%;
    height: 100%;
}
.blog-hero-section .blog-hero-section-image,
.blog-hero-section .blog-hero-section_video{
    border-radius: var(--radius);
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog-content{
    padding:var(--padding-xxl) var(--padding);
}
@media (min-width:40rem){
    .blog-content{
        padding:var(--padding-xxl) 0;
    }
}