Hola! Estoy desarrollando una pagina web para una empresa familiar, y quiero que sea compatible para teléfonos.
Lo que sucede, es que tenemos un header con un logo y el nombre de la compañía, los cuales van uno a cada lado, pero lo que quiero, es que cuando se achique la ventana, la imagen también se achique, pero se queda ahí y desde cierto tamaño, hace que el texto se mueva hacia abajo de la pagina desconfigurando todo.

Como puedo hacer que la imagen se vaya achicando de acuerdo se va achicando la ventana?
Lo mismo pasa cuando ingreso desde el celular, la imagen del tamaño hace que el nombre quede abajo,  ya intente asignando tamaño con forma de porcentaje, pero no funciona.

Te refieres a hacer un contenedor <div> con la clase imagen, o simplemente agregarla a la imagen??