Adjust the padding in a section for mobile only

Site URL: https://capybera-ellipsoid-mak7.squarespace.com/

Hi there 

Im trying to work out the code I need to reduce the padding in a specific section on mobile display only.  (stay/terrace house and stay/luxe suite). 

I'd like to do it via section id so I can apply it to other sections if I need to. 

Any assistance would be greatly appreciated! 

(site password is calipoppy) 

Thanks!  

Edit The Luxe Suite Page > Add a Code Block at bottom of page > Paste this code

<style>
  @media screen and (max-width:767px) {
  article section:first-child {
    min-height: unset !important;
}
article section:first-child .content-wrapper {
    padding-bottom: 0 !important;
}
  }
</style>