[Dúvida] a foto do perfil no cabeçalho não esta aparecendo, e não consigo identificar onde esta o erro

--HTML--
<header class="cabecalho">
        <button class="cabecalho__menu" aria-label="Menu"><i></i></button>
        <img src="./assets/img/logo.svg" alt="Logotipo da HZC" class="cabecalho__logo"/>
        <p class="cabecalho__perfil">Vanessa Lima</p>
        <button class="cabecalho__notificacao" aria-label="Notificação"><i></i></button>
    </header>





    --CSS-- 

    .cabecalho__perfil {
    display: none;
    ![](![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/1402124/d852dd21-08e3-44c8-bb15-0e4671bf64df.png)  )}

    @media screen and (min-width: 1440px) {
    .cabecalho__perfil {
        display: grid;
        grid-template-columns: repeat(3, auto);
        column-gap: 8px;
        align-items: center;
        justify-self: flex-end;
        padding: 8px 32px;
        border-right: 1px solid #95999c;
    }
    .cabecalho__perfil::before{
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        background-image: url(../img/profile_2.png);
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }
    .cabecalho__perfil::after{
        content: "\e90d";
        color: #ffffff;
        font-size: 1.5rem;
    }
    }