No Header - O Icone do Menu Não muda com o click

Boa Noite!! Após o Click no menu a imagem não altera - digo fica azul, mas a imagem de fundo do icone (hamburguer) não aparece. Trecho.

 <div class="cabecalho__menu">
           <input type="checkbox" id="menu" class="cabecalho__menu__botao">
           <label for="menu" class="cabecalho__menu__label">
               <span class="cabecalho__menu__hamburguer container__imagem"></span>
           </label>

    .cabecalho__menu__botao:checked~.cabecalho__menu__label>.cabecalho__menu__hamburguer {
    background-image: url("../img/MenuAberto.svg");    
}
    
.cabecalho__menu__botao:checked~.cabecalho__menu__label {
    background: var(--cor-azuldegrade);
}