Eu estou achando complicado redimensionar imagens para torná-las responsivas.

Estou desenvolvendo um aplicativo php para converter automaticamente um site para uma versão responsiva. Estou um pouco preso nas imagens.

Eu adicionei com sucesso uma classe wrapper a cada imagem em um site e posso redimensionar as imagens muito bem.

Meu problema está nas imagens que são naturalmente menores que as da janela, como logotipos e ícones. Eu não quero redimensionar isso.

Meu código atualmente converte:

<img src="[src]" />

para dentro:

<div class="erb-image-wrapper">
    <img src="[src]" />
</div>

Onde eu uso o seguinte CSS:

.erb-image-wrapper{
    max-width:90%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
}
.erb-image-wrapper img{
    width:100% !important;
    height:100% !important;
    display:block;
}

Isso redimensiona todas as imagens, mas eu só quero redimensionar as imagens que estão sobre a largura da página. É a maneira que eu posso conseguir isso via CSS?