Is this header image hover effect possible in Squarespace?

Site URL: https://www.optaschoolbus.org/

I have a client that wants their website rebuilt in Squarespace. Their current site was built 10-11 years ago by a programmer. They indicated they loved the idea of the design, and especially love the hover over light effect in the navigation. Obviously this looks outdated and we haven't gotten to the design process yet, but I am wondering if something similar can be done with Squarespace? I am thinking of using 7.0 for more control, I have the bulk of my experience with that version but totally open to 7.1.

Current site URL: https://www.optaschoolbus.org/

Thanks!

4 hours ago, destinyestringer said:

Site URL: https://www.optaschoolbus.org/

I have a client that wants their website rebuilt in Squarespace. Their current site was built 10-11 years ago by a programmer. They indicated they loved the idea of the design, and especially love the hover over light effect in the navigation. Obviously this looks outdated and we haven't gotten to the design process yet, but I am wondering if something similar can be done with Squarespace? I am thinking of using 7.0 for more control, I have the bulk of my experience with that version but totally open to 7.1.

Current site URL: https://www.optaschoolbus.org/

Thanks!

They use background-image on the <a> tag, on Squarespace you can assign the background for header using custom css