Need to remove margin under Gallery Reel

I added custom code to this page to make my descriptions appear over the image on my Gallery Reel. However, I have not been able to find a way to get the bottom margin to be 0. Because the descriptions have to be turned on but do not show up inder the images there is now way to much space, is anyone able to help me out with this? I want there to be no space underneath the Gallery so the text underneath it feels like it is related to the gallery. 

Page is: https://bell-cheetah-n87s.squarespace.com/our-purpose
PW: scratch

Thanks in advance for any help!

Not 100% sure but I reckon inserting this should fix it, the -16 value can be adjusted to your preference.

.gallery-reel {
	margin-bottom: -16vw;
}

Cheers

Fin.

@FinLB That did the trick, thank you so much!

No worries, I just realised it might not look great on mobile so you could replace the code with this

@media screen and (min-width: 768px) {
.gallery-reel {
	margin-bottom: -16vw;
}
}
@media screen and (max-width: 768px) {
.gallery-reel {
	margin-bottom: -36vw;
}
}

to have two separate values.

Cheers

Fin.

@FinLB I just saw your comment now, but thank you I actually adjusted the code similar to this today. 

Thanks!