Para que el texto rodee la imagen, la estructura debe ser asi:
Es decir, el párrafo por debajo de la imagen y la imagen con float:right.
Para cambiar los atributos según el ancho de la ventana, tenés que hacerlo con media queries. Al llegar a determinada resolucion de pantalla, que la imagen ya no flote, que se comporte como bloque y que ocupe el 100% del ancho.
Pero acá aparece el problema, si en la estructura tu imagen está sobre el párrafo, difícil que la puedas colocar debajo.
Te dejo un ejemplo de cómo hacerlo, pero con la imagen siempre sobre el texto:
http://codepen.io/fede5426/pen/oXGvrj
Saludos