JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="holder">
        <ul>
            <li><a href="http://google.com">List Item 1</a></li>
            <li><a href="http://stackoverflow.com">List Item 2<a/></li>
                <li><a href="http://apple.com">List Item 3</a></li>
        </ul>
    </div>
</div>

CSS

#container {
    border: 1px solid black;
    margin:auto;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width:80%;
    height:200px;
}

#holder ul {
    position: relative;
    left:150px;
    display: none;
}

#container:hover ul {
    display: block;
}