Remplazar imagen con CSS

La técnica es sencilla, pero eficaz. Lo que tenemos que hacer es ocultar la imagen aplicando un ancho de 0px (width:0) y luego utilizando las propiedades de background (img y size) + padding para añadir la nueva imagen.

Esta es una buena técnica para realizar la acción remplazar una imagen utilizando sólo CSS, pero tenemos un «contra» y es que tendremos que ir jugando con @media-queries para poder adaptar la imagen a cada uno de los dispositivos.