<section class="landing-block g-pt-30 g-pb-30">
	<div class="container">
		<div class="row js-gallery-cards">

			<div class="col-12 row no-gutters col-md-3 g-pb-7 g-pb-15--sm g-pb-0--md">
				<div class="col-12 col-sm-6 col-md-12 g-max-height-400 g-pr-0 g-pr-15--sm g-pr-0--md g-pb-7 g-pb-0--sm g-pb-15--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-left-top js-animation fadeInLeft h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-small 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/img1.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-centered flex-column g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title text-center g-color-white g-line-height-1_4 g-letter-spacing-5">
									Sea
								</h3>
							</div>
						</div>
					</div>
				</div>

				<div class="col-12 col-sm-6 col-md-12 g-max-height-400 g-pl-0 g-pl-15--sm g-pl-0--md g-pt-7 g-pt-0--sm g-pt-15--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-left-bottom js-animation fadeInUp h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-small 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/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-centered flex-column g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title text-center g-color-white g-line-height-1_4 g-letter-spacing-5">
									Night
								</h3>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-6 g-min-height-540 g-max-height-810 g-py-7 g-py-15--sm g-py-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-big 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/760x720/img1.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-centered flex-column g-brd-around g-brd-white-opacity-0_2 text-uppercase">
							<h3 class="landing-block-node-img-title text-center g-color-white g-line-height-1_4 g-letter-spacing-5">
								Amazing<br>views
							</h3>
						</div>
					</div>
				</div>
			</div>

			<div class="col-12 row no-gutters col-md-3 g-pt-7 g-pt-15--sm g-pt-0--md">
				<div class="col-12 col-sm-6 col-md-12 g-max-height-400 g-pr-0 g-pr-15--sm g-pr-0--md g-pb-7 g-pb-0--sm g-pb-15--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-right-top js-animation fadeInRight h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-small 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-centered flex-column g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title text-center g-color-white g-line-height-1_4 g-letter-spacing-5">
									Sunset
								</h3>
							</div>
						</div>
					</div>
				</div>

				<div class="col-12 col-sm-6 col-md-12 g-max-height-400 g-pl-0 g-pl-15--sm g-pl-0--md g-pt-7 g-pt-0--sm g-pt-15--md">
					<div class="landing-block-node-img-container landing-block-node-img-container-right-bottom js-animation fadeInUp h-100 g-pos-rel g-parent u-block-hover">
						<img data-fancybox="gallery"
							 class="landing-block-node-img-small 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-centered flex-column g-brd-around g-brd-white-opacity-0_2 text-uppercase">
								<h3 class="landing-block-node-img-title text-center g-color-white g-line-height-1_4 g-letter-spacing-5">
									Sunshine
								</h3>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
</section>