Two-column layout with full-height image

This implements a two-column layout with a full-height background image on the right on large screens. It uses Tailwind's grid system with named lines to position the elements. The left column contains the header, main content, and footer. The right column is the background image. On small screens it stacks into a single column.