How do I remove the content inset from a section in Mobile Only

Site URL: https://flowercarte.squarespace.com/

Wondering if there's a way to remove the content inset on mobile view from a section. I have an image that is inset underneath a testimonials carousel but on mobile you can only view a very skinny part of it so i'd rather just remove.

See https://flowercarte.squarespace.com/ pass: flowercarte - Homepage and How it works Testimonials section...

Site is in 7.1
 

The following CSS will hide the image in mobile:
 

@media (max-width: 767px){
  /* Hide section background image under the carousel on "Home" and "How it works" pages */
  .page-section[data-section-id="5fd08e73a040431536c13852"] .section-background img,
  .page-section[data-section-id="5fea45edb282ec468d1fbbc1"] .section-background img {
    display: none;
  }  
}

@jpeter Thank you - that worked! 

@bryonymelhuishI see on mobile, some blog posts, footer logo overlaps pagination title

https://flowercarte.squarespace.com/inspiration/how-to-get-the-best-smoke-bomb-photos

@tuanphan Thanks you - I will look into that!

On 3/5/2021 at 4:13 AM, bryonymelhuish said:

@tuanphan Thanks you - I will look into that!

 

Have you solved it yet? If no, we can give the code