YORK Template: Full bleed gallery, vertically middle-aligned, footer at bottom

So I'm trying to have gallery/intro page of images that are full bleed, but vertically centered. Worst case scenario, I don't need them full bleed. Also would really love for the footer to stay at the bottom for every page.

Every attempt I've made has failed at getting it to what I need. I've attached two images--the left one is what I'm stuck with, and the right one is what I'm trying to achieve.

Can anyone make any suggestions? Much appreciated in advance.

You should provide site url to community can check.

Hello again @tuanphan ! The url is: https://maracas-wombat-mnrn.squarespace.com

@roygbivla Did you solve the problem?

Unfortunately no. The image seems to be pretty wide (though not full bleed), and it now leaves too much space between the header and footer. I'm trying to look into reducing that space, though I can't seem to figure out how to do that quite yet.

Hope you find a solution. Now I'm in the countryside, tomorrow will return to the city and check (if you still haven't resolved yet), saved your question.

It looks like I'm trying to vertically align the .sqs-gallery-design-stacked. So right now I have:

.gallery-block {
 vertical-align: center;
}

I've managed to get it down a notch via

margin-top:

but that's extremely limiting. I'd like to get it to be completely vertically centered, regardless of resolution.

But to no avail. Any ideas?