Por que não dá pra redimensionar imagem após inline block?

Apliquei o inlineblock na lista de benefícios e, por curiosidade, tentei diminuir a altura da imagem "beneficios" em porcentagem. Mas percebi que não importa qual a altura que eu coloque, não muda. Por que?

Trecho do HTML

        <div class = "beneficios">
            <h2>Beneficios</h2>
            <ul>
                <li class = "itens">"Atendimento aos Clientes"</li>
                <li class = "itens">"Espaço diferenciado"</li>
                <li class = "itens">"Localização"</li>
                <li class = "itens">"Profissionais qualificados"</li>
            </ul>

            <img src = "beneficios.jpg" class = "imagemBeneficios">
        </div>

Trecho do CSS

.imagemBeneficios{
    width: 50%;
    height: 30%;
}