Embè, una volta centrato il layer contenitore, dentro ci metti ciò che vuoi.


comincia a togliere <div align='center'> se usi i fogli di sitle usali dapperutto, elimina le tecniche miste che generano solo confusione. Inoltre dato che introduction ha già settata la prorpietà align-text a center, non serve a nulla.
Se usi margin-top: 10%, necessariamente l'immagine in verticale non sarà centrata, ovvero sarà al 10% della dimensione della finestra.
Se noti io ho usato margin: 1em auto; ovvero un margine globale, a tutto tondo, che da un limite di 1em, ma che può essere portato a 0 ovviamente.
Se poi invece dei brak
usassi i paragrafi

che sono più configurabili, non avresti nemmeno la necessità di inventarti strani giochi con i no break space () per centrare la scritta in fondo.
A [b] va messo dentro all'elemento ancora e non viceversa.