{strip}
{if !empty($section.gallery)}
	{assign var=banner value=$section.gallery|element:'position':'banner'}
	{if !empty($banner)}
		<section class="flex:col">
			<div class="intro max-h-600">
				<div class="intro__item">
					<div class="intro__item-info" data-swiper-parallax="60%">
						<div class="text-tmp color-white title-48 all-center"><h1>{$section.name}</h1></div>
					</div>
					<div class="intro__item-bg" data-swiper-parallax="90%">
						<picture>
							<source srcset="{$banner.medium}"  media="(max-width: 550px)" />
							<source srcset="{$banner.medium}"  media="(max-width: 768px)" />
							<source srcset="{$banner.large}"  media="(max-width: 1024px)" />
							<source srcset="{$banner.original}"  media="(max-width: 1440px)" />
							<img src="{$banner.original}" alt="{$banner.title}"/>
						</picture>
					</div>
				</div>
				<div class="intro__decor">
					<svg width="1920" height="235" viewBox="0 0 1920 235" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
						<path d="M0 0C640 156.667 1280 156.667 1920 0C1920 156.667 1920 235 1920 235C640 235 0 235 0 235C0 78.3333 0 0 0 0Z" fill="white" />
					</svg>
				</div>
			</div>
		</section>
	{/if}
{/if}
{/strip}



