Creare due colonne css che fluttuano nel cellulare

[Artgallery75]

Salve
Sto progettando il sito di un mio cliente e sto usando wordpress ma ho un po' di problemi a capire come posso far fluttuare due colonne.
Questo è il sito: https://www.gigliperfumes.com/

Vedete le colonne dove c'è l'immagine del proprietario e il testo sulla destra?
Se lo guardate dal cellulare sparisce tutto e non riesco a capire come mai.
Un po' di css ci capisco ma sinceramente non ho mai provato a creare due colonne responsive.
Il testo insomma vorrei che slittasse sotto l'immagine.
Questo è il codice che sto usando:

.div-row {      
margin: 0 auto;    
padding: 0;    
position: relative;    
width: 110%;
}

.div-img {    
width: 48%;  
position: absolute;  
top: 0;  
left: 0;
}
.div-txt {    
width: 45%;  
position: absolute;  
top: 0;  
left: 450px;
}

[Artgallery75]

Ho provato ad usare questo codice lasciando la riga dell'altro:

.first-div {
width: 458px;
float: left;
}
.second-div {
width: 400px;
float: left;
background-color: #edc487;
padding-left: 5px;
padding-right: 5px;
border-bottom: 2px solid #513409;
border-top: 2px solid #513409;
border-left: 2px solid #513409;
border-right: 2px solid #513409;
}

Pero' cosi' e' tutto troppo largo nel cellulare...