Пример HTML кода

<section class="clearfix glass-one">
	<div class="section-wrapper clearfix">
		<h2 class="text-center">Заголовок секции</h2>
		<div class="section-wrapper-row">
			<div class="col col-6">
				<div class="col-wrapper" data-plugin="forestedglass" data-target=".glass-one" data-blur="10">
					<p class="text-center"><strong>Column blur 10.</strong></p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio libero, fringilla et pharetra eget, auctor vitae urna. Etiam et nisl dictum, maximus ex at, semper risus. Mauris semper rhoncus lorem, at dapibus dui luctus vel. Aenean sagittis laoreet nisi, non molestie dui. Ut molestie ac tellus nec vulputate. In commodo tincidunt sapien. Donec lacinia purus ex. Fusce a fringilla risus, ut luctus orci. Phasellus orci enim, aliquet sit amet mollis non, luctus eget metus. Phasellus vitae lacus nunc.</p>
				</div>
			</div>
			<div class="col col-6">
				<div class="col-wrapper" data-plugin="forestedglass" data-target=".glass-one" data-blur="15">
					<p class="text-center"><strong>Column blur 15.</strong></p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio libero, fringilla et pharetra eget, auctor vitae urna. Etiam et nisl dictum, maximus ex at, semper risus. Mauris semper rhoncus lorem, at dapibus dui luctus vel. Aenean sagittis laoreet nisi, non molestie dui. Ut molestie ac tellus nec vulputate. In commodo tincidunt sapien. Donec lacinia purus ex. Fusce a fringilla risus, ut luctus orci. Phasellus orci enim, aliquet sit amet mollis non, luctus eget metus. Phasellus vitae lacus nunc.</p>
				</div>
			</div>
		</div>
	</div>
</section>

Пример CSS кода

section.glass-one {
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	min-height: 100vh;
	color: #fff;
	/* Основные стили */
	overflow: hidden;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('images/img_05.jpg');
	background-attachment: fixed;
}
section .section-wrapper-row {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.col {
	padding: 15px;
}
.col-6 {
	width: 50%;
}
.col-wrapper {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.1);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}