在图像悬停后，如何让菜单出现在图像上方？

<div class="image-container">
  <img src="your-image.jpg" alt="Your Image">
  <ul class="menu">
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
  </ul>
</div>

.image-container {
  position: relative;
}

.menu {
  position: absolute;
  display: none;
}

.image-container:hover .menu {
  display: block;
}

const imageContainer = document.querySelector('.image-container');
const menu = document.querySelector('.menu');

imageContainer.addEventListener('mouseover', () => {
  menu.style.display = 'block';
});