<section class="single-feature" data-aos="fade-up">
	<div class="container">
		<article>
			<h3>{{ block.brow }}</h3>
			<h2>{{ block.head }}</h2>
			<p class="large">{{ block.leadIn }}</p>
			<p>{{ block.body | nl2br }}</p>
			{% if block.button.linc|length and block.button.buttonText|length %}
			<a href="{{ block.button.linc }}" class="button btn-primary">{{ block.button.buttonText }}</a>
			{% endif %}
		</article>
		<article>
			{% set image = block.image.one() %}
			{% set optimizedImage = image.optimizedImageSrcset %}
			<img src="{{ optimizedImage.src() }}" srcset="{{ optimizedImage.srcset() }}" sizes="100vw"
				width="{{ optimizedImage.maxSrcsetWidth() }}" height="auto" class="lazyload" lazyloading="lazy"
				alt="{{ image.altText }}" />
		</article>
	</div>
</section>