@if(!empty($composedTeamMembers) && count($composedTeamMembers) > 0)
    <div class="o-team">
        <h2 class="c-heading">{{__('about.heading')}}</h2>
        <div class="o-team__matrix">
            @foreach($composedTeamMembers as $teamMember)
                <div class="o-team__item">
                    <div class="c-card" href="#0">
                        <picture class="c-card__picture">
                            {{--<img class="c-card__img" src="https://picsum.photos/525/476?image={{30+$i}}" alt="">--}}
                            <img class="c-card__img" src="{{$teamMember->documents->first()->medium_image_url ?? '/img/placeholder-person.svg'}}" alt="" width="300" height="300">
                        </picture>
                        <div class="c-card__info">
                            @isset($teamMember->name)
                                <h3 class="c-card__heading">{{$teamMember->name ?? null}}</h3>
                            @endisset
                            @isset($teamMember->translation->function)
                                <p class="c-card__subheading">{{$teamMember->translation->function ?? null}}</p>
                            @endisset
                            @isset($teamMember->email)
                                <a class="c-card__email" href="mailto:{{$teamMember->email}}">{{$teamMember->email ?? null}}</a>
                            @endisset
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif