Media Overlap Shopify Section

A split layout with overlapping media (image or video) and text, with parallax and offset controls.

Fully responsive and customizable including the ability to update:

Media (image or video) with configurable position — left or right
Horizontal and vertical overlap controls for the overlapping effect
Media width settings for desktop and mobile
Parallax scrolling effect toggle
Media aspect ratio (original, horizontal, landscape, portrait, square, vertical)
Media border radius
Video settings: autoplay, loop, and show/hide controls
Subtitle, title, text block, and CTA button
Text alignment, vertical position, and text area width for desktop and mobile
Section width (regular or full width) and max width
Background color and border radius
Section margins and paddings
Typography settings (fonts, weights, sizes, colors)
Button styling and colors
Most settings have separate options for desktop and mobile