nivelar divs responsive design

Hola, como podria nivelar una imagen con su texto al lado y q al reducir mantenga esa posicion(img izq y texto derecha) he intentado por varias formas pero no me sale.
La pagina q hago es en Responsive design, intente con display:inline-block pero no me da
les dejo la web

gracias por su ayuda

A ver si te entiendo, quieres colocar imagen en un lado y a su costado texto?, porque si es así deberías de colocar float:left a ambos divs

Pero al colocar el float:left el fondo que es blanco desaparece. Con el display:inline-block solo sale cuando es 2 imagenes(osea la imagen en un lado y su costado en vez de texto, la misma imagen) pero cuando reemplazo la imagen del costado y pongo texto, ese mismo texto no se nivela ala altura de la imagen, se pone al nivel de abajo.

al div con fondo blanco colocale

overflow: auto;

y la imagen puede hacer tanto en css:

img {
float: left;
}

OK pero ello me conlleva a darle un width al div y lo q no deseo es que el texto este congelado quiero que se adapte a cualquier dispositivo. Ahorita el unico detalle que quiero solucionar es que a resolucion desktop la imagen este a un lado y su texto a su costado, por favor revisa la web y luego reducelo a aprox 640px se vera el cambio, y ese cambio es lo que deseo a resolucion desktop (1024px a más)