<figure class="hero-banner">
<img class="hero-banner__image" src="assets/img/banners/home.jpg" alt="Homem saltando entre montanhas rochosas, com um ceú azul sem nuvens" width="1920" height="700">
<figcaption class="hero-banner__description">
    <div class="container">
        <h2>Melhore seus resultados<br>Amplie horizontes</h2>
        <h1>Sistemas de gestão empresarial</h1>
    </div>
</figcaption>

.hero-banner {

    &__image {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    &__description {
        position: absolute;
        top: 50px;
        z-index: 1;
        width: 100%;
    }
}