Desktop/mobile banner layout inconsistency in Shopify store

[KashanAbbas]

Banner section of my Shopify store displays differently across devices:

- **Desktop:** Text and buttons overlap the background image.
- **Mobile:** Correctly stacks image first, followed by text.

**Expected Behavior:**
Desktop view should match mobile, with the banner image appearing **above** text (no overlap).

**Technical Context:**
- Likely caused by absolute positioning or flexbox conflicts in responsive CSS.
- Requires theme-specific adjustments to `order`, `position`, or media queries.

**Attempted Fixes (Unsuccessful):**
1. Custom CSS to force stacking (`flex-direction: column`).
2. Overriding `z-index`/`margin` properties.

**Request for Help:**
Seeking guidance on:
1. Debugging theme-specific banner classes.
2. Best practices for responsive banner sections in Shopify.

[websensepro]

Hi @KashanAbbas , please share store url and password if it is password protected.