Как сделать что бы фон одной секции наезжал на другую секцию?

<header class="main-header" style="background-image: url(img/bg.png)">
	<div class="container">
		<div class="row">

			<div class="col-md-5">
				<div class="hero">
					<div class="logo">
						<img src="img/logo.png" alt="alt" class="img-responsive">
					</div>
					<h1 class="hero-title">Функциональная организация пространства</h1>
				</div>
			</div>

		</div>
	</div>
</header>

<section class="about">
</section>