Pattern

HMI – Page/Header: Duo

This responsive header pattern features two columns with a reversed stacking order on smaller screens for better flow. It switches between two images depending on viewport size, showing an alternate responsive-only image on mobile. The layout adapts cleanly for both stacked and side-by-side display.