.home-hero-banner {
    width: 100%;
    height: 360px;
    margin-top: 3.5rem;
    overflow: hidden;
}

.home-hero-banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-hero-banner + .blog-post {
    margin-top: 2.5rem;
}

@media only screen and (max-width: 600px) {
    .home-hero-banner {
        height: 220px;
    }
}