<section class="landing-block g-pt-30 g-pb-30">

	<div class="container">
		<div class="row js-gallery-cards">

			<div class="col-12 col-md-3">
				<div class="h-100 g-pb-15 g-pb-0--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-left js-animation fadeInLeft h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img img-fluid g-object-fit-cover h-100 w-100 u-block-hover__main--zoom-v1"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/380x360/img3.jpg"/>
						<div class="landing-block-node-img-title-container w-100 g-pos-abs g-bottom-0 g-left-0 g-top-0
							g-flex-middle g-bg-black-opacity-0_5 opacity-0 g-opacity-1--parent-hover g-pa-20
							g-transition-0_2 g-transition--ease-in">
							<div class="h-100 g-flex-middle g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title g-flex-middle-item text-center h3
							g-color-white g-line-height-1_4 g-letter-spacing-5 g-font-size-20">Sunset</h3>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-6">
				<div class="h-100 g-pb-15 g-pb-0--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-center js-animation fadeInUp h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img img-fluid g-object-fit-cover h-100 w-100 u-block-hover__main--zoom-v1"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/760x360/img2.jpg"/>
						<div class="landing-block-node-img-title-container w-100 g-pos-abs g-bottom-0 g-left-0 g-top-0
							g-flex-middle g-bg-black-opacity-0_5 opacity-0 g-opacity-1--parent-hover g-pa-20
							g-transition-0_2 g-transition--ease-in">
							<div class="h-100 g-flex-middle g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title g-flex-middle-item text-center h3
							g-color-white g-line-height-1_4 g-letter-spacing-5 g-font-size-20">Beautiful<br>night</h3>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-3">
				<div class="h-100 g-pb-0">
					<div class="landing-block-node-img-container landing-block-node-img-container-right js-animation fadeInRight h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img img-fluid g-object-fit-cover h-100 w-100 u-block-hover__main--zoom-v1"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/380x360/img4.jpg"/>
						<div class="landing-block-node-img-title-container w-100 g-pos-abs g-bottom-0 g-left-0 g-top-0
							g-flex-middle g-bg-black-opacity-0_5 opacity-0 g-opacity-1--parent-hover g-pa-20
							g-transition-0_2 g-transition--ease-in">
							<div class="h-100 g-flex-middle g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title g-flex-middle-item text-center h3
							g-color-white g-line-height-1_4 g-letter-spacing-5 g-font-size-20">Sunshine</h3>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>

</section>