Dificuldade na atividade barbearia parte do inline-block

Não estou conseguindo colocar a imagem do lado da lista

css

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


}

.imgbeneficios{
    width: 50%;

}

html

 <div class="beneficios">
           <h2>Benefícios</h2>

                <ul >
                    <li class="item">
                Atendimento aos clientes</li>
                     <li class="item">
                Espaço diferenciado</li>
                     <li class="item">
                Localização</li>
                    <li class="item">
                Profissionais Qualificados</li>
                 </ul>

        </div>
        <img src="../textos/beneficios.jpg" alt="imagem beneficio" class="imgbeneficios">