Logo Hover not allowing click through URL

Hi there, 

I wonder if you could help me please!

I have a logo on the top right of my info page, I set it up to click through to my home page. 
I have also added a hover transition so the logo changes to white, but unfortunately this now seems to be blocking the click through URL. I have looked around and I cant seem to work it out!

This is the code i currently have:

/* Info Logo Hover */
#block-yui_3_17_2_1_1688128547924_16420:hover {
    content: url("https://static1.squarespace.com/static/649838326bdf2c09135e2800/t/649ef5b9bc96d63d9b239333/1688139194444/rex_White.png");
}

Also it seems to change size slightly when hovered over but the actual source file is exactly the same size, i think it has something to do with the grid layout, but is there any code to fix it's size to the original source file

Any help will really help!

Thanks,
Ryan 

Change your code to this

/* Info Logo Hover */
#block-yui_3_17_2_1_1688128547924_16420:hover img{
    content: url(https://static1.squarespace.com/static/649838326bdf2c09135e2800/t/649ef5b9bc96d63d9b239333/1688139194444/rex_White.png);
}

Thats worked!
Thank you.