<div class="col-md-5">
{% if service.logo is not null %}
<img src="{{ asset('bundles/web/assets/images/'~service.logo) }}"
height="180px"
class="img-fluid rounded-start"
width="360px"
alt="Example"/>
{% elseif service.bannerImage is not null %}
<div class="text-center">
<i class="fa {{ service.bannerImage }} fa-5x" aria-hidden="true"></i>
</div>
{% else %}
{% if loop.index is divisible by 2 %}
{% set roundedClass = 'rounded-end' %}
{% else %}
{% set roundedClass = 'rounded-start' %}
{% endif %}
<img data-src="holder.js/600x337/auto/text:{{ service.title }}/{{ colour }}"
class="img-fluid {{ roundedClass }}"
alt="{{ service.title }}">
{% endif %}
</div>