Centering slideshow gallery within section

Site URL: https://tangerine-hypersphere-6rdr.squarespace.com/

Hi! I'm working on a page that has a slideshow gallery in it.

I am having a problem where, on mobile, it has an unnecessary amount of space below it. I used this code to reduce the section height, but am now struggling to center the slideshow. Attached is a screenshot of what it looks like now. Is there a way to align the gallery itself to be within the section block? 

https://tangerine-hypersphere-6rdr.squarespace.com/ (pw: gronk)

data section id: 5f508fefd198ad5b484cc9d5

I see fine here. Do you still need help on this?

On 9/12/2020 at 2:20 AM, tuanphan said:

I see fine here. Do you still need help on this?

Hi! Yes, if at all possible. My problem is only on mobile, the gallery looks like how I want it to when I'm on desktop. Here's how it looks when I look at it on my phone now 

Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
.gallery-slideshow {
    margin-bottom: 0 !important;
}
}

10 hours ago, tuanphan said:

Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
.gallery-slideshow {
    margin-bottom: 0 !important;
}
}

 

Thank you! You're amazing.