Olá, estou fazendo um projeto para portifólio com base no curso, e estou com esse problema, a imagem do play e pause estao sobrepondo o menu, e nao consigo enviar para traz do menu hambuguer quando abre. Alguem pode me ajudar? 
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, estou fazendo um projeto para portifólio com base no curso, e estou com esse problema, a imagem do play e pause estao sobrepondo o menu, e nao consigo enviar para traz do menu hambuguer quando abre. Alguem pode me ajudar?
Olá Guilherme, Você já tentou usar o z-index para colocar a imagem do play/pause atrás do menu?
Exemplo HTML:
<div class="menu-hamburguer">
<!-- Conteúdo do menu -->
</div>
<div class="play-pause">
<img src="play-icon.png" alt="Play">
</div>
Exemplo CSS:
.menu-hamburguer {
position: relative; /* ou qualquer outra posição exceto static */
z-index: 10; /* Seja maior que o z-index do botão play-pause */
}
.play-pause {
position: relative; /* ou qualquer outra posição exceto static */
z-index: 5; /* Seja menor que o z-index do menu */
}