A imagem após adicionada não esta respeitando apenas 50% da tela, se mantendo no tamanho original, mesmo em tamanhos de telas diferentes.
HTML
<div class="beneficios">
<h2>Benefícios</h2>
<ul class="beneficios">
<li class="itens">Atendimento ao Cliente</li>
<li class="itens">Espaço Diferenciado</li>
<li class="itens">Localização</li>
<li class="itens">Profissionais Qualificados</li>
</ul>
<img class="imagembeneficios" src="beneficios.jpg">
</div>
CSS
h2 {
text-align: center
}
ul {
display: inline-block;
vertical-align: top;
width: 20%;
margin-left: 15%;
}
.imagembeneficios {
width: 50%
}