Resultado da 3ª seção

html

<section class="container secundario">
      <img
        src="imgs/Notebook.png"
        alt="Um monitor e um celular com alura plus aberto"
        class="secundario__imagem"
      />
      <div class="container__descricao">
        <h2 class="descricao_titulo">Baixe seus cursos</h2>
        <p class="descricao_texto">
          Baixe e assista quando e onde quiser. Assim, seus favoritos estão
          sempre com você, até mesmo sem internet.
        </p>
      </div>
    </section>

CSS

/*Secao secundaria*/
.secundario {
  height: 100vh;
  padding: 0 7.5em;
  align-items: center;
  justify-items: center;
}

.secundario__imagem {
  width: calc(50vw - 498px);
}

.container__descricao {
  width: calc(50vw - 15em);
}

.descricao_titulo {
  font-size: 3em;
  font-weight: 700;
  color: var(--branco-principal);
  margin-bottom: 0.3em;
}

.descricao_texto {
  color: var(--cinza-secundario);
  padding-right:77px;
}