[SOLUCIONADO] Ocultar imagen con un input

[Simeneuro]

Buenas, tengo un input type text que quiero que cuando este en focus una imagen se haga invisible.
Se hacerlo con javascript pero me interesaría con css.
Muchas gracias

[PHPeros]

Para interactuar entre varios elementos tienes que hacerlo vía scripting, osea mediante JavaScript obligatoriamente.

[Simeneuro]

Muchas gracias, pretendía hacerlo con css porque es más rápido, pero si no hay remedio...

[pzin]

La única forma de hacerlo con CSS sin romper la semántica HTML es si esa imagen fuese o estuviese dentro de un elemento hermano posterior al elemento del formulario, ya que podrías hacer algo tipo:

Código CSS:

input:not(:focus) ~ img {
  display: none;
}
 

Así que, seguramente sea más indicado usar JavaScript como comenta PHPeros, y si es no intrusivo mejor.

[Simeneuro]

He solucionado el problema de fluidez con el código javascript, era una tontería ;)
muchas gracias por la respuesta pzin, pero si es así como me cuentas no me interesa para nada, pues los dos elementos deben estar en lados opuestos.
Gracias a ambos