Hacer resposive una imagen en crome y firefox

Tengo este código en mi página web y en safari funciona perfecto, pero en crome y safari no funciona.

¿Alguna idea de porque no funciona o tengo algo mal en el código?

.imageico {
max-height: 20%;
width: auto;
}
.imagelogo {
max-height: 30%;
width: auto;
}