<div class="row">
{% for teamMember in teamMembers %}
<div class="md:col-4 col-12 mb-12">
<a class="team-name" href="{{ generatePath( app.request, teamMember.linkedPageId, {'teammember_slug' : teamMember.slug } ) }}">
<img class="max-w-full h-auto" src="{{ imageCache('/' ~ teamMember.getFullImagePath, 'zoomCrop', 740, 960) }}" width="546" height="708" alt="{{ teamMember.title }}" loading="lazy"/>
<div class="p-4" tab-index="0">
<h3 class="mb-0 capitalize">{{ teamMember.title }}</h3>
<p class="h5 mb-0 font-light text-white text-left">{{ teamMember.position }}</p>
</div>
</a>
</div>
{% if loop.last %}
<div class="col-12 mb-12">
<div class="team-name team-name--no-link">
<img class="max-w-full h-auto" src="{{ renderSetting(10, 'image') }}" alt="{{ renderSetting(10, 'content') }}" width="1370" height="562" loading="lazy" />
<div class="p-4" tab-index="0">
<h3 class="mb-0 capitalize">{{ renderSetting(10, 'content') }}</h3>
</div>
</div>
</div>
{% endif %}
{% else %}
<p>No team members found</p>
{% endfor %}
</div>
{{ knp_pagination_render(teamMembers) }}