how to remove space between the rich text and the image banner in Sense theme

Topic summary

Main issue: remove the gap between a Rich text and an Image banner in the Sense theme. Solution provided and confirmed: add a CSS rule targeting the specific banner section ID to set margin-top: 0.

  • CSS used: section#shopify-section-template–23486520394049__image_banner_… { margin-top: 0; }
  • Clarification: the numeric string is part of the unique section ID; this rule only affects that banner.

Second request (another store): remove spacing between five banners so they touch. Solution provided and confirmed: set .section+.section { margin-top: 0 !important; } with an additional mobile (max-width: 749px) variant.

Further layout request: make “Text columns with images” show five images in one row on desktop and a one-at-a-time slideshow on mobile. Desktop solved by setting .grid–flush-bottom > .grid__item { width: 20%; } for min-width: 749px. Mobile slideshow (with arrows/auto) still pending.

Additional header changes requested (desktop: centered logo, left menu, right cart, no search, larger bold Lora; mobile: menu left, logo center, cart right). No solution posted yet.

Images/screenshots were provided to illustrate spacing and results. Status: several issues resolved via CSS; thread remains open for mobile slideshow and header layout.

Summarized with AI on December 14. AI used: gpt-5.

Hello,
Can you help me again:
https://mfvxxq-kt.myshopify.com/
0876624960

I would like the Text columns with images section to display the 5 images in a single row side by side for the desktop version.

For the mobile version, I would like them to appear one image at a time in a slideshow, with navigation arrows or automatic transitions if possible.

Could you please help me with this code?

Thank you!