A sugestão da Moni seria utilizar o código:
.container__botao:checked~.container__rotulo>.cabecalho__menu-hamburger {
background-image: url("../assets/Menu-Aberto.svg");
}
Porém no meu caso só funcionou pegando a outra classe da imagem:
.container__botao:checked~.container__rotulo>.container__imagem {
background-image: url("../assets/Menu-Aberto.svg");
}
Caso alguém esteja com a mesma dúvida foi assim que resolvi
Porém se alguém souber me explicar o porque ele pega o container__imagem mas não o cabecalho__menu-hamburger sendo que na cor azul (padrão do menu fechado) funcionou com a classe .cabecalho__menu-hamburger.
Código completo: https://github.com/ArielSpencer/alurabooks Deploy: https://alurabooks.arielspencer.com.br