Split banner with a container using tailwind

A layout approach for balancing full-bleed imagery with constrained, readable content.

Use this pattern when you want cinematic hero visuals but still need clean content alignment within your normal container widths.

Core idea:

• keep text content inside a max-width container
• let banner media stretch edge-to-edge
• preserve responsive behavior across breakpoints