[Banner] Normal Banner #acf

_banner.scss

.banner {
  min-height: 200px;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 3rem 0;

  &__title, &__body {
	color: #fff;
  }
}

banner.php

<?php

$img   = get_field( 'banner_image' );
$title = get_field( 'banner_main_headline' );
$body  = get_field( 'banner_short_body_copy' );

?>

<div class="banner" style="background:url(<?php echo $img ?>) no-repeat center; background-size: cover;">
	<div class="grid-container">
		<div class="grid-x grid-margin-x">
			<div class="cell medium-10 large-8">
				<h1 class="banner__title">
					<?php echo $title ?>
				</h1>
				<div class="banner__body">
					<?php echo $body ?>
				</div>
			</div>
		</div>
	</div>
</div>