.menu-container {
  position: relative; /* Para posicionar o conteúdo dentro dele */
  display: inline-block; /* Para que o tamanho se ajuste ao conteúdo */
}

.menu-trigger {
  cursor: pointer; /* Indica que é clicável */
}

.menu-trigger img {
  width: 50px; /* Exemplo de tamanho da imagem */
  height: auto;
}

.menu-content {
  display: none; /* Inicialmente escondido */
  position: absolute; /* Para que ele flutue sobre o restante do conteúdo */
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; /* Para ficar por cima de outros elementos */
}

.menu-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; /* Faz cada link ocupar a linha toda */
}

/* Exibir o conteúdo quando passar o mouse sobre o container */
.menu-container:hover .menu-content {
  display: block;
}