.hero {
    background:
        linear-gradient(rgba(16, 24, 32, 0.46), rgba(16, 24, 32, 0.46)),
        url('../images/hero-background-test.jpg') center center / 100% auto no-repeat;
    background-color: #101820;
}

.hero::before {
    border-color: rgba(63, 135, 145, 0.08);
}

@media (max-width: 820px) {
    .hero {
        background-image:
            linear-gradient(rgba(16, 24, 32, 0.46), rgba(16, 24, 32, 0.46)),
            url('../images/mobile-homepage-hero.jpg');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}