.flex.justify-center
  %h3.text-3xl.font-bold= @header
.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4.gap-10.m-10
  - @profiles.each do |profile|
    .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm
      =link_to profile do
        = image_for( profile ,  class: "h-60 w-full object-cover")
        %h3.py-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
          = profile.name
      %div.h-full
        .p-5.text-center
          .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
            = shorten markdown(profile.bio)