Personals tree, add break

i have a personals tree, like this.
enter image description here

But i want when have 4 or more people he do a break, like in photo.
enter image description here

    <li>
<div class="image">
    <img src="" class="img-rounded"><br>
    <p></p>
</div>
@if($node->children()->count() > 0)
    <ul>
        @foreach($node->children as $personal)
            @include('personal.display', ['node' => $personal])
        @endforeach
    </ul>
@endif

I used this css. codepen io Pestov pen BLpgm
And this tree github etrepat baum

via Arturs Jerjomins