Position: `absolute`

Necessário englobar no elemento relativo, senão será relativo ao body
Definir: absolute não muda nada no posicionamento, deve manipular usando: top, bottom, right e left
width é alterada de acordo com o tamanho do item, para voltar a usar 100% definir: width: 100%

primeira div

Segunda div

Terceira div

Example 2

GERALDO

ISABELLA é relativo ao container de Geraldo com z-index máximo!

outra div

Absolute relativo ao body, fora do fluxo, não está encapsulado em outro elemento relativo, se vc definir body { position: relative; } nada muda


                position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)