{{#showStoryLayout}}
<div id="banner1" class="container-fluid" style="{{backgroundColor}}">
	<div class="row">
		<div class="col-12 col-md-7 text-container">
			<div class="grey-800">{{{nestedComponents.title.value}}}</div>
			<div class="description grey-500">
				{{{nestedComponents.paragraph.value}}}
			</div>
		</div>
		<div class="d-none">{{{nestedComponents.button.value}}}</div>
		<div class="col-12 col-md-5 g-0" id="{{imageContainerId}}">
			<div class="banner-image-wrapper">
			{{{nestedComponents.image.value}}}
			</div>
		</div>
	</div>
</div>
{{/showStoryLayout}} {{#bannerWithButton}}
<div id="banner1" class="container-fluid" style="{{backgroundColor}}">
	<div class="row">
		<div class="col-12 col-md-7 text-container banner-with-button">
			<div class="grey-800">{{{nestedComponents.title.value}}}</div>
			<div class="description grey-500">
				{{{nestedComponents.paragraph.value}}}
			</div>
			<div class="banner-button-container">
				{{{nestedComponents.button.value}}}
			</div>
		</div>
		<div class="col-12 col-md-5 g-0 button-image-layout" id="{{imageContainerId}}">
			<div class="banner-image-wrapper">
				{{{nestedComponents.image.value}}}
				</div>
		</div>
	</div>
</div>
{{/bannerWithButton}}