Two column layout with hero images

This component uses a grid with two columns and two rows to create a two column layout. Each column contains a full bleed hero image with a transparent black overlay and text content aligned at the bottom. On mobile, the columns stack vertically.