How to link to a page from a portfolio landing page?

Site URL: http://www.kiriako.ca

I have a portfolio landing page that currently has 3 links. When you hover over each link, the background image changes, and clicking on a link takes you to a separate gallery.

Now, I want to add a 4th link that also has a hover effect with a background image change. But instead of linking to a single gallery, I want this link to take users to a new page that contains multiple galleries. Each gallery on that page would represent a different personal project, and I'd like to include a short description for each project.

Is this possible, and how would I go about doing it?

You can use this to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.portfolio-hover-item:nth-child(4)').attr('href','https://google.com');
});
</script>

Replace Google with page contains multiple galleries url

Not sure if I did that right. But it didn't add a link anywhere.
I attached a screenshot. (its just a test page for now https://www.kiriako.ca/new-page)

I'd like there to be a new link underneath "Portraits" that matches the other 3 links for my new page.
And how do I select what photo Id like for the hover over?

Thank you

5 hours ago, kiriako said:

Not sure if I did that right. But it didn't add a link anywhere.
I attached a screenshot. (its just a test page for now https://www.kiriako.ca/new-page)

I'd like there to be a new link underneath "Portraits" that matches the other 3 links for my new page.
And how do I select what photo Id like for the hover over?

Thank you

The code target item 4, but you haven't added item 4 yet, if you want to target Portrait, change number 4 in the code to 3