Making an image appear when you hover over a drop-down menu link

Hey all, looking for coding help regarding a drop-down menu on my site's homepage. 

Is it possible to make an image appear when you hover over the links inside of the drop-down menu? For example, when you hover over "Seattle Kraken - Fear the Deep" you see an image appear near it in the white space. 

This is my website: https://www.ozziecw.com

This is the coding I'm using for the drop-down menu:

Quote

 

<select id="archive-pages" onchange="window.open ( this.value, '_self' );">

<option value="#">
   WORK
</option>
    
<option value="/popeyesclw">
    Popeyes - Crunchy Little Weirdos 
</option>
    
<option value="/seattle-kraken-fear-the-deep">
    Seattle Kraken - Fear the Deep
</option>
    
<option value="/popeyessocial">
    Popeyes Social
</option>
    
<option value="/minutemaid">
    Minute Maid - Refreshing Bumpers
</option>

<option value="/mercury-insurance">
    Mercury Insurance - Out of Home
</option>
  
<option value="/nypostspecwork">
    Spec Work - NY Post
</option>
  
<option value="/about-ozzie">
    ozzie nunez
</option>
  
</select>

 

Thank you! what do you think?

What is password?

Hey there's no password to the homepage. Just removed that link you clicked. 

Here's the link to my site: https://www.ozziecw.com

On 5/15/2023 at 2:20 AM, on1771 said:

Hey there's no password to the homepage. Just removed that link you clicked. 

Here's the link to my site: https://www.ozziecw.com

That link requires a password. You can check again

sorry I put it back because I thought there wouldn't be a response. Excuse me for that. 

Password is: Squarespace2118

thank you!

You mean hover items on left dropdown > change image on right?

Yea, If there's a way we can change that image according to the item we hover over in the dropdown, that would look great

bump

Hi,

Dropdown is not possible

If you have a list of text only, hover each text > change image, we can give the code

I see. thank you!