Sei que este tema já foi dado em outras aulas mas não entendi como o position: relative foi capaz de colocar as apas atras do texto.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Sei que este tema já foi dado em outras aulas mas não entendi como o position: relative foi capaz de colocar as apas atras do texto.
Fala aí Marcelo, tudo bem? Na verdade quem foi capaz por posicionar as aspas foi o position: absolute.
Quando foi adicionado o position: absolute no ::before do .citacao-bio, ele irá se posicionar de forma relativa ao elemento que tenha algum position diferente de static.
Para que ele seja posicionado em relação ao .citacao-bio foi adicionado o position: relative, dessa maneira não irá mudar nenhuma posição do elemento (continuara o mesmo) e irá servir para base do ::before.
Para um melhor entendimento sobre o assunto, dá uma olhada no vídeo do Marco:
Espero ter ajudado.
Obrigado pela explicação e pelo vídeo!
Mágina, sempre que precisar não deixe de criar suas dúvidas.
Abraços