.group.m-4.overflow-hidden.relative.flex.h-96.items-end.bg-black
  = image_for( element , "absolute inset-0 h-full w-full object-cover hover:scale-110 ease-in duration-700")
  .relative.w-full.bg-cyan-600.m-2.p-4.text-center.tracking-widest.text-white.transition-colors.group-hover:bg-cyan-700{:class => "sm:w-1/2"}
    %h3.text-lg.uppercase
      = element["header"]
    %p.mt-1.text-xs.font-medium
      = element["text"]