Come impaginare correttamente il testo e l’immagine

Sto cercando di strutturare del testo e delle immagini in modo da renderle correttamente su un dispositivo mobile.

Quando si guarda su un normale browser desktop sembra come dovrebbe – l’angolo in alto a sinistra ha il nome nel testo, seguito da un’immagine e il logo principale è centrato nella parte superiore della pagina

inserisci la descrizione dell'immagine qui

Tuttavia, quando si carica su un dispositivo mobile, le immagini iniziano a sovrapporsi l’un l’altra. Questo può essere visto sotto;

inserisci la descrizione dell'immagine qui

Ho provato ad aggiungere il testo e il logo in alto a sinistra a un tag div e bloccarlo in alto a sinistra come segue;

 div.upperleftlogo { position : fixed; top : 0px; left : 0px; }  

Ma questo ancora non risolve il problema.

Per quanto riguarda l’applicazione principale / logo del sito, non so davvero come risolvere la sovrapposizione lì.

Qualcuno sarebbe in grado di offrire un aiuto.

Grazie