.hero {
    background:
        linear-gradient(
            90deg,
            rgba(12,13,16,.88) 0%,
            rgba(12,13,16,.58) 48%,
            rgba(12,13,16,.10) 100%
        ),
        url('/assets/images/document-review-hero.webp')
        center center / cover no-repeat;
}

.hero .hero-inner {
    text-align: left;
    max-width: 850px;
    margin-left: clamp(20px, 6vw, 110px);
    margin-right: auto;
}

@media (max-width: 600px) {
    .hero {
        background:
            linear-gradient(
                rgba(12,13,16,.70),
                rgba(12,13,16,.90)
            ),
            url('/assets/images/document-review-hero.webp')
            65% center / cover no-repeat;
    }

    .hero .hero-inner {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}