li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    --margin-top:5px;
    border-radius:5px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;border-radius:5px;
}

.dropdown-content a:hover {background-color: #f1f1f1;border-radius:5px;  background-color:#ffcb0f;

}

.dropdown:hover .dropdown-content {
    display: block;
    border-radius:5px;
  
}



<style type="text/css">div.image {max-width: 100px;max-height:100px;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDI5Ny40NjEgMjk3LjQ2MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjk3LjQ2MSAyOTcuNDYxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI3OS4xMTYsMC41ODVsLTU4LjM1Nyw2Ni4xNzljLTMuNDg0LTIuMjAxLTguMTQtMS42MzktMTAuOTU3LDEuNTU5TDE5NS4wMjMsODUuMDkgICAgYy02LjIwMy0xLjQwNi0xMi45NDUsMC40NTEtMTcuNDQ0LDUuNTU5TDY1LjAwOCwyMTguMzE1bC0xMC4yNjYtOS4wNTFjLTIuMTI4LTEuODY5LTUuMzY3LTEuNjczLTcuMjQ0LDAuNDU1ICAgIGMtMS44NzIsMi4xMjMtMS42NjUsNS4zNzUsMC40NTYsNy4yNWwxNi42ODIsMTQuNzA1bC0zMy4zODMsMzcuODU3bC03LjM4Mi02LjUwNGMtMi4xMjUtMS44NzktNS4zNjQtMS42ODMtNy4yNDEsMC40NTEgICAgYy0xLjg3MiwyLjEyMy0xLjY3Myw1LjM2NCwwLjQ1Niw3LjI0NGwyOC44NjUsMjUuNDYxYzIuMTI1LDEuODY5LDUuMzczLDEuNjYyLDcuMjQ0LTAuNDYxYzEuODc3LTIuMTIzLDEuNjctNS4zNy0wLjQ1OC03LjI0NCAgICBsLTcuMzc5LTYuNTA5bDMzLjM3OC0zNy44NTNsMTYuNjgxLDE0LjcwNmMyLjEyNSwxLjg3NCw1LjM3LDEuNjY3LDcuMjQyLTAuNDU2YzEuODc3LTIuMTMzLDEuNjcyLTUuMzY5LTAuNDU2LTcuMjM4bC0xMC4yNi05LjA1MiAgICBsMTEyLjU2Ny0xMjcuNjY0YzQuNTA1LTUuMTA4LDUuNDk5LTEyLjAzMSwzLjM0LTE4LjAwN2wxNC43ODktMTYuNzcyYzIuNjQxLTMuMDA4LDIuNzc1LTcuMzUsMC41OTEtMTAuNTA5bDU4LjQ1NS02Ni4yNzQgICAgYzAuNjMyLTAuNzE3LDAuNTU1LTEuOC0wLjE1NS0yLjQyM0MyODAuODI1LTAuMTk0LDI3OS43NDgtMC4xMzQsMjc5LjExNiwwLjU4NXogTTE5OS4zODgsMTA5Ljg5MWwtNTYuODUxLDY0LjQ3M2wtMy41OTMtMy4xNzUgICAgbDU0LjU5My02MS45MTVjMC45MzItMS4wNjcsMC44MzgtMi42ODItMC4yMjktMy42MjJjLTEuMDYyLTAuOTQzLTIuNjgyLTAuODMyLTMuNjI1LDAuMjMzbC01NC41OSw2MS45MThsLTkuMjQzLTguMTUgICAgbDU2Ljg1NC02NC40NzljNC4wNi00LjYwMSwxMS4wODYtNS4wNDEsMTUuNjk0LTAuOTc5QzIwMy4wMTMsOTguMjUsMjAzLjQ1NCwxMDUuMjc3LDE5OS4zODgsMTA5Ljg5MXoiIGZpbGw9IiNEODAwMjciLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)}