Contenu dans une flexion horizontale (accordéon) débordant

Question

J'ai un problème avec un Flexbox (accordéon). Dans l'exemple en train de faire ci-dessous, j'ai des groupes de contenus, chaque groupe ayant une cellule dans un flex-box horizontal et à l'intérieur de chaque cellule, le contenu concernant chaque groupe.

Exemple et code en direct ici.

Le problème est que lorsque le contenu d'un groupe est trop grand, il déborde du Flexbox et que je ne peux pas trouver une solution pour cela.