Remove padding on gallery in mobile view

Mobile view on my site is showing so much padding on top and bottom of the gallery images. Looks fine on desktop. I used this code from another query answerd by @tuanphan, which worked for the top margin but not the bottom. Any suggestions on how to fix it?

@media screen and (max-width:767px) {
#page article section:first-child {
    padding-top: 0px !important; 
      padding-bottom: 0px !important; 
}
}

Hi. Can you share link to your site?

Sure – it's not live yet but here you go. If it asks password is Catalyst

https://cobalt-hen-p6rs.squarespace.com/

8 minutes ago, addsomesalt said:

Sure – it's not live yet but here you go. If it asks password is Catalyst

 

https://cobalt-hen-p6rs.squarespace.com/

 

Add to Design > Custom CSS > Then save & reload the site

/*Mobile-Home-Slideshow */
@media screen and (max-width:767px) {
body.homepage .gallery-slideshow {
    height: 35vh !important;
    margin-top: 15vh;
}
}

Thanks! I'll give it a go...

That's so great. It worked. Thank you so much! I tweaked the margins a little but the code works so all good.