Buona sera a Tutti Voi.

Sto iniziando a farmi un sito da solo con le conoscenze che ho, ho letto dei comandi di flebox che ho trovato molto interessanti.
Nel mio caso ho tre div posti in colonna ed affiancati e ci sono riuscito perfettamente con questo codice :

.testata {
    	width: 100%;
height: 30%;
display: flex;
display: -webkit-flex;
flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
align-items: stretch;
-webkit-align-items: stretch;
justify-content: space-between;
-webkit-justify-content: space-between;
    }
ed i tre div interni con questo codice sempre css

.testata1 {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
width: 20%;
background: green;
    }

.testata2 {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
width: 60%;
background: #88171b;
    }

.testata3 {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
width: 20%;
background: green;
    }
Adesso voglio inserire un'immagine nei due div laterali e che si centri orizzontalmente e verticalmente e si adatti al div con sempre codice del flex box, non riesco a trovare un sito con spiegazione ed esempio, potete aiutarmi nel darmi qualche sito adatto, oppure spiegandomi voi ?

Chiaramente il sito dovrà seguire le regole del responsive.

Grazie a chi mi risponderà e saluti.

Domenico