{% macro get(section) %}

    <div>
	<div class="l-section">
	    <div class="l-section__row">
		<div class="l-section__column">
		    <div class="m-section-images__image m-section-images__image--group2-square">
			<img class="lazyload"
			     data-src="{{ Image(section.image1).src }}"
			     data-srcset="{{ Image(section.image1).srcset() }}"
			     data-sizes="auto" />
		    </div>
		    <div class="m-section-images__image m-section-images__image--group2-long">
			<img class="lazyload"
			     data-src="{{ Image(section.image2).src }}"
			     data-srcset="{{ Image(section.image2).srcset() }}"
			     data-sizes="auto" />
		    </div>

		      
		</div>

		<div class="l-section__column">
		    <div class="m-section-images__image m-section-images__image--group2-big">
			<img class="lazyload"
			     data-src="{{ Image(section.image3).src }}"
			     data-srcset="{{ Image(section.image3).srcset() }}"
			     data-sizes="auto" />
		    </div>
		  <div class="m-section-text__wrapper-page">
			<div class="m-section-text__title">
			    {{ section.subtitle }}
			</div>
			<div class="m-section-text__headline">
			    {{ section.title }}
			</div>
			<div class="m-section-text__text">
			    {{ section.text }}
			</div>

			<div class="m-readmore">
			   <span><a href="/move-to-kings-hill/">MORE</a></span>
			</div>
		    </div>
		    
		</div>
	    </div>
	</div>
    </div>
{% endmacro %}