{% set suffix = suffix ?? '' %}
{% if suffix is empty and editmode %}
<style type="text/css">
.teaser {
max-width: 411px;
}
.teaser a img {
max-width: 411px;
}
.d-none {
display:none;
}
</style>
{% endif %}
<div class="swiper-slide {{editmode ? 'teaser' : ''}}">
<!-- Single Team Start -->
<div class="single-team">
<div class="team-img {{editmode ? 'teaser' : ''}}">
<a href="#">
{# <img src="assets/images/product/product1.png" alt=""> #}
{{ pimcore_image('image' ~ suffix, {
thumbnail: 'products_image_thumb'
})
}}
</a>
</div>
<div class="team-content">
<div class="team-social {{editmode ? 'd-none' : ''}}">
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
</ul>
</div>
<h3 class="name"><a href="#">{{ pimcore_link('title_link' ~ suffix) }}</a></h3>
<span class="designation">{{ pimcore_input('name' ~ suffix) }}</span>
</div>
</div>
<!-- Single Team End -->
</div>