Change the logo when hover

Hi guys,

I have 2 logo which are black and white. The default logo would be the black one and i want to turn it to white one when hover on it. 

Is that a way I can make it happen in css?

URL: https://dinosaur-gopher-x6fh.squarespace.com/
Pw: makingmovies

I see you figured it out, but you can use this shorter code in next case

header#header img:hover {
	content: url(https://static1.squarespace.com/static/652614420877815fd80f9b4d/t/6530e213146e4f13196c0109/1697702419568/Logo+fixer+Fulll+White_400Kb.png);
}