%section.overflow-hidden.sm:grid.sm:grid-cols-2
  .p-8.m-5.bg-cyan-100.md:p-12.lg:px-16.lg:py-24
    .mx-auto.max-w-xl.text-center.sm:text-left
      %h2.text-2xl.font-bold.text-gray-900.md:text-3xl
        = section["header"]
      %p.hidden.text-gray-500.md:mt-4.md:block
        = section["text"]
      .mt-4.md:mt-8
        -if section["button"]
          = render 'elements/button' , button: section["button"]
  = image_for( section , "p-5 h-56 w-full object-cover sm:h-full")