%section
  .mx-auto.max-w-screen-xl.px-4.py-16.sm:px-6.sm:py-24.lg:px-8
    .max-w-3xl
      %h2.text-3xl.font-bold.sm:text-4xl
        = section["header"]
    .mt-8.grid.grid-cols-1.gap-8.lg:grid-cols-2.lg:gap-16
      .relative.h-64.overflow-hidden.sm:h-80.lg:h-full
        %img.absolute.inset-0.h-full.w-full.object-cover{:alt => "Party", :src => "https://images.unsplash.com/photo-1496843916299-590492c751f4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1771&q=80"}/
      .lg:py-16
        %article.space-y-4.text-gray-600
          %p
            = section["text"]
          %p
            = section["text"]