Banner fica acima da janela depois da modificação.

Mariana, boa tarde!

Uma maneira que eu encontrei pra solucionar esse problema foi mudar a unidade de medida, tanto do top, quanto do right, para ambos, mudei para %, você pode ler um pouco mais a respeito no link abaixo:

https://www.alura.com.br/artigos/guia-de-unidades-no-css

Ficou assim:

.banner-twitter {
    position: absolute;
    top: 15%;
    right: 0%;
/*CÓDIGO ABAIXO OMITIDO*/

Além disso, usar o right estava sendo um pouco complicado, pois para encaixar no local correto seria necessário alterar para um número negativo (o que não parecia ser uma boa ideia), então eu alterei para left e fui testando, até uma porcentagem bater

Acabei chegando no resultado abaixo

.banner-twitter {
    position: absolute;
    top: 15%;
    left: 80%;

Talvez os números mudem dependendo do seu monitor, mas não se preocupe, nos cursos que vem a seguir nós ensinamos a fazer um design responsivo ;)

Espero ter ajudado e bons estudos!