Posição absoluta do meu título

Boa noite, meu código ficou igual o do professor, porém o top: 50% no display absolute não foi obedecida rs. Aí coloquei top: 44% e aparentemente ficou mais centralizado, algum motivo para que ele não tenha ficado absoluto 50%?

<section class="banner">
            <img class="banner__imagem" src="./assets/img/banner.jpg" alt="">
            <h1 class="banner__titulo">Reaproveite melhor os alimentos</h1>
        </section>

.banner{
    position: relative;
}

.banner__titulo{
    color: #fdfdfd;
    font-family: Pacifico, cursive;
    font-size: 5.0625rem;
    position: absolute;
    left: 50%;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75);
    top: 44%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
}