How to hide the section wrapper from mobile or desktop

I am having issues with the gallery section blocks in Squarespace 7.1. I need to show a gallery grid on the desktop, but a gallery reel on mobile. I have managed to do this, however I haven't been able to remove the wrapper or background from these sections so they are still shown. Also if anyone knows how to reduce the height of the mobile reel gallery that would be very helpful!! 

This is the code I used below. And I have attached a screen shot of the the empty blocks I need removed on desktop and mobile.  

// remove logo grid gallery on mobile //
@media only screen and (max-width: 640px) {
  .gallery-grid {
    display: none
  }
}

// remove logo Reel gallery on desktop //
@media only screen and (min-width: 1280px) {
  .gallery-reel {
    display: none
  }
}

Any help would be greatly appreciated. 

Thanks

Can you share link to page in screenshot?

Hello, I'm also trying to remove the top and bottom wrapper padding around my home page image.

https://tangerine-lily-c8fy.squarespace.com/