#menu {
    transition: 5s;
    display: none;
    flex-direction: column;
    width: 250px;
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: #FEE2D3;
    border: solid 2px #242A0F;
    border-radius: 10px;
    color: #242A0F;
    padding: 20px;
    z-index: 11;
    gap: 8px;
}

#menu:hover {
    transition: 5s;
    display: flex;
}

#menu a {
    color: #242A0F;
    text-decoration: none;
    font-family: 'Munken Sans', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
}

#menu a:hover {
    color: #E07D91;
}

#menu h3 {
    color: #242A0F;
    font-family: 'Munken Sans', sans-serif;
    margin: 0;
    font-size: 1em;
}

#menu img{
 position: static !important;
}

#menuShow:hover + #menu {
    transition: 5s;
    display: flex;
}

#withimagemenu:hover + #imagewithmenu {
    filter: brightness(0) saturate(100%) invert(62%) sepia(68%) saturate(776%) hue-rotate(302deg) brightness(101%) contrast(76%)!important;
}

#withimagemenu {
    order: 10;
}