How to create a css (flex) layout where the layout wraps depending on the child items and not the parent?

Question

I would like to create the following layout: mockup

There can be multiple parent boxes that contain some child items. The container should flex wrap depending on the chil