Build a team or staff grid block pattern

Our About page needs a team grid for eight people:

Priya Nair, Operations Lead, priya.jpg, LinkedIn linkedin.com/in/priyanair
Marcus Webb, Founder & CEO, marcus.jpg, LinkedIn + Twitter/X
Dana Cho, Engineering Manager, dana.jpg, no social links
(five more team members with similar details)

[replace with your own team roster: names, titles, photos, and social links]

Build this as a repeating grid pattern using core blocks:

1. Use a `wp:group` set to a flex layout with wrapping enabled (the Group block's
   "flex" variation with "allow to wrap" turned on), rather than a rigid Columns
   block, so eight people reflow naturally into however many per row fits the
   screen instead of forcing exactly the same fixed column count on mobile as on
   desktop.
2. Each team member is their own nested `wp:group` containing a `wp:image`
   (headshot), a `wp:heading` (name, level 4 since it's well below the page's
   main headings), a `wp:paragraph` (title), and, if present, a small row of
   social icon links.
3. Alt text on each headshot should be the person's name and role together
   ("Marcus Webb, Founder and CEO"), consistent across all eight so a screen
   reader user tabbing through the grid gets the same kind of information for
   everyone, not name-only for some and name-plus-role for others.
4. For icon-only social links (a bare LinkedIn or X icon with no visible text),
   add an accessible label to each link (aria-label or equivalent visually-hidden
   text like "Priya Nair on LinkedIn"), an icon-only link with no label reads as
   blank or just "link" to a screen reader, which is useless with eight identical
   blank links stacked on one page.
5. For Dana Cho and anyone else with no social links, simply omit that row for
   their card rather than leaving an empty placeholder group, an empty
   unlabeled group is another common source of confusing blank content for
   assistive tech.
6. Output the complete markup for all eight team members using the details given.