<div class="swiper-wrapper"> {% for expertise_page in expertise_pages %} <div class="swiper-slide"> <a href="{{ path('page_view', { 'slug' : expertise_page.slug }) }}"> <span class="slide-img"> {% set visual = expertise_page.visuals|first|default(null) %} {% set alt = visual.imageAlt|default(null) %} {% set title = visual.imageTitle|default(null) %} <span class="slide-img_container" style="background-image: url('{{ visual.upload|default(null)|url({ width: 400 }) }}'); background-size: 100%; background-position: center;" ></span> </span> <div class="slide-content"> {% set experise_icon = expertise_page.expertiseIcon|default('fal fa-info') %} <i class="{{ experise_icon }}"></i><h2>{{ expertise_page.title }}</h2> <p>{{ expertise_page.metaDescription|truncate(200) }}</p> </div> </a> </div> {% endfor %}</div>