Erro no posicionamento da imagem

Estou com problemas no posicionamento da imagem. Não entro o erro no meu código. Ele ficou assim:

Benefícios

    <ul>
        <li class="itens">Ótima localização</li>
        <li class="itens">Atendimento ao cliente</li>
        <li class="itens">Profissionais altamente qualificados</li>
        <li class="itens">Espaço diferenciado</li>
    </ul>
    <img src="beneficios.jpg" class="imagemBeneficios">
</div>

e no CSS:

.itens{
    font-style: italic;
}

.beneficios {
    background: #FFFFFF;
    padding: 20px;
}

h2 {
    text-align: center;
}

ul {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 15%;
}


.imagemBenefícios{
    width: 50%;


}

Quando abro no navegador a imagem se apresenta assim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade