Servus!

position: absolute; 
z-index: 10; 
left: 50%; 
transform: translateX(-50%);

Das war irgendwann in grauer Vorzeit mal die einzige(?) Methode, etwas zu zentrieren. Und damit auch die dümmste.

Heute ist es nur noch die dümmste.

im Wiki: Inhalte_zentrieren

#inhalte-werden-zentriert {
  display: flex;
  align-items: center;
  justify-content: center;
}

Herzliche Grüße

Matthias Scharwies