Desplazamiento de la imagen a la parte posterior

[mbm150]

Hola,

prueba con este código:

Código CSS:

#container{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
}
#container img{
    order: 2;
    display: block;
    width: 100%;
}
#container p{
    order: 1;
    display: block;
    width: 100%;
}
@media only screen and (min-width:679px){
#container{
    display: block;
}
#container img{
    width: 250px;
    float: right;
}
#container p{
    display: block;
    width: 100%;
}
}
 

Aquí esta en funcionamiento: https://jsfiddle.net/mbm150/v1daa37h/

Saludos.