%section.flex.justify-center.p-8.flex-col.md:flex-row.m-20
  .flex.items-center.h-40.md:h-60.lg:h-96.w-full.overflow-hidden{class: "lg:w-2/3"}
    = image_for(story ,"object-cover")
  .flex.items-center.w-full.max-w.px-6.mt-6.mx-auto{:class => "lg:w-1/3"}
    .flex-1
      .text-center
        %h2.text-4xl.font-bold.text-center.mb-4.lg:mb-8
          = story.header
        %h4.text-xl.mt-4.lg:mt-8.md:text-2xl
          = distance_of_time_in_words_to_now story.happened
          ago pic
        .mt-3{ prose_classes }
          = markdown(story.text)