<section class="banners {% if reverse %}banner-reverse{% endif %}">
	{% for banner in banners %}
	<div class="banner-item">
		<div class="container-fluid">
			<div class="row g-0">
				<div class="col-md-6">
					<img src="{{ banner.image }}" alt="" loading="lazy" class="d-none d-md-block">
					<img src="{{ banner.image_mob }}" alt="" loading="lazy" class="d-md-none">
				</div>
				<div class="col-md-6">
					<div class="h-100 d-flex align-items-center background-block">
						<div class="banner-text">
							<h2 class="heading">{{ banner.title }}</h2>
							<div class="subheading"><p>{{ banner.text|split('\n')|join('</p><p>') }}</p></div>
							{% if banner.link and banner.button %}
							<div class="d-block mt-5">
							<a href="{{ banner.link }}" class="btn btn-dark">{{ banner.button }}</a>
							</div>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{% endfor %}
</section>
