Ocultar imagenes

[Triby]

Siempre muestra 1 y oculta las otras 2, ejemplo:

Código CSS:

/* Por default  */
.cabecera { display:block; }
.cabecera2, .cabecera3 { display:none; }
 
/* Mostrar sólo cabecera2, ocultando las otras */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #container { width: 98% !important; }
    .cabecera2 { display:block; }
    .cabecera, .cabecera3 { display:none; }
}