<section class="journeys-content">
	<div class="container-fluid">
		<h3 class="journeys-content__title">{{ fields.main_title }}</h3>
		{% if fields.content %}
			{% for content in fields.content %}

				{% set wrapper_classes = 'journeys-content__wrapper' %}
				{% if content.image_position == 'left' %}
						{% set wrapper_classes = wrapper_classes ~ ' journeys-content--left' %}
				{% endif %}

				<div class="{{ wrapper_classes }}">
					<div class="row">

					{% set div_classes = 'offset-xl-1' %}
					{% if content.image_position == 'left' %}
						{% set div_classes = 'offset-xl-6' %}
					{% endif %}

						<div class="col-lg-8 col-xl-5 col-xxl-4 {{ div_classes }}">
							{% if content.content_wrap %}
								{% for content_wrap in content.content_wrap %}
									<h4 class="journeys-content__wrapper-title">{{ content_wrap.title }}</h4>
									<p class="journeys-content__wrapper-text">{{ content_wrap.text }}</p>
								{% endfor %}
							{% endif %}
						</div>
					</div>
					<div class="journeys-content__img">
						<img src="{{ content.image.url }}" alt="{{ content.image.alt }}">
					</div>
				</div>
			{% endfor %}
		{% endif %}
	</div>
</section>