Click-through Banner on Five Template

So, I have custom-code on my website to hide banners from every page, except pages we specify. To add a banner to a specific page, I have to use the following code in Page Header Code Injection:

<style>    
#banner-area-wrapper  {display: block; !important; }
#banner-area-wrapper { background-image: url(https://static1.squarespace.com/static/5d567adbdf02050001a41021/t/5dfb6b77f8effb79c8bae9d3/1576758135654/HP-Excelerator-Banner.svg;) }
#banner-area-wrapper { background-position: center; }
#banner-area-wrapper { background-repeat: no-repeat; }
#banner-area-wrapper { background-size: 100%; }
#banner-area-wrapper { background-color: white; }
</style>

This works great, but the only thing I would like to do is make the banner clickable so it leads to another page and I can't work out what I could put into the code above to make that happen? is it possible?

Website: https://caterpillar-tulip-78l5.squarespace.com/
Password: c0di$