Background e disposizione di immagini sopra lo sfondo in modo responsive

[Andrea1138]

Salve,

sto creando un sito che potete trovare a questo link.
Come vedete nella parte superiore, c'è uno sfondo con tre immagini sopra: un logo orizzontale, un logo quadrato e un'immagine a destra con una giocatrice e una scritta dietro di lei.

Si tratta in questo caso di un'immagine unica. Però il tutto non è responsive perché su mobile alcuni elementi vanno a sparire, soprattutto ai lati.

Ho anche gli elementi separati: lo sfondo, il logo orizzontale, il loro quadrato e infine l'immagine con la giocatrice.

Come posso creare una parte responsive e mettere le immagini come nell'esempio?

Vi ringrazio.

[stoneweb]

Se non è necessario usare le immagini come sfondo potresti usare dei normali elementi img all'interno di div e giocare con il flex e le media queries