[Sugestão] Problemas com meu DEPLOY ou CSS?????

Ola! Alguém ai fez o deploy e a imagem background não apareceu? https://michelfraga17.github.io/aluraplus/ olha aqui!!!

Quando eu abro no navegador com live serve, está tudo certo! Porém quando eu faço o deploy no github, o background-image: url(/images/Background.png); não apacere no link do meu deploy!

HTML:

<section class="container principal">
    <div class="container-caixa">
    <h1 class="container-title">Com o Combo+, você pode aproveita a Alura+ e o Alura Língua por um preço único.</h1>
    <img src="images/Combo.png" alt="O comobo+ é a junção do alura+ e o alura língua">
    <a href="www.alura.com.br" class="container-botao">Assine por 12x de R$ 120,00*</a>
    <a href="www.alura.com.br" class="container-botao botão-secundario">Assinar somente o Alura+</a>
    <p class="container-aviso">*O preço pode variar saso a assinatura seja feita em outros planos.</p>
    </div>
</section>

CSS:

.principal {
    background-image: url(/images/Background.png);
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    text-align: center;
}