Minha figura ficou pequena. Help me! | HTML5 e CSS3 parte 1: crie uma página da Web

ão sei o que eu arrumei, mas a minha figura dos benefícios ficou pequena, Não consigo identificar o erro quem puder me ajudar... Meu CCS está assim

body{

}

#banner {
    width : 100%;
}

.principal {
    background: #CCCCCC;
    padding: 30px;
}

h1{
    text-align: center;
}

p {
    text-align: center;

} 

#missao{
    font-size: 20px
}

.itens {
    font-style: italic
}

em strong { 
    color: #FF0000
}

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

h2 {
    text-align: center
}

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

.imagembeneficios{
    width : 50%
}

E meu código está assim

<!DOCTYPE html>
<html lang="pt-br"> 

    <head>
        <meta charset = "UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="style.css">


    </head>


    <body>

        <img id="banner"  src="banner.jpg">
    <div class="principal">
        <h1> Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a  <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. </p>

        <p>Fundada em 2019, a <strong>Barbearia Alura</strong> já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p id="missao">Nossa missão é: <em>"Proporcionar auto-estima e qualidade de vida aos clientes".</em></p>

        <p><em> Oferecemos <strong>profissionais experientes</strong> e antenados às mudanças no mundo da moda. </em></p>

        <p>O atendimento possui <strong>padrão de excelência</strong> e agilidade, garantindo <em>qualidade</em> e <em>satisfação dos nossos clientes</em></p>

    </div>

    <div>
        <h2> Benefícios </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>

            <img src=" beneficios.jpg" class="imagembeneficios">


        </ul>

        </div>




    </body>    

</html>