Как отменить размытие текста?

Question

[Les Alterman]

Добрый вечер! При размытии блока с фотографией размываются и дочерние элементы(Заголовок и текст)
Как отменить размытие дочерних элементов?

<div class="main-photo" style="background-image:url(/templates/images/vdnh.jpg)">
		<div class="bottom-photo" style="background-image:url(/templates/images/vdnh.jpg)">
					<h3 class="project-title">Заголовок</h3>
					<p class="project-desc">Текст</p>
		</div>
</div>

.bottom-photo{
	-webkit-filter: blur(5px);
	position: absolute;
	bottom: 0;
	width: inherit;
	height: 96px;
	
}

.main-photo{
	position: relative;
}

Answer 1

[HamSter]

<h3 class="project-title">Заголовок</h3>
<p class="project-desc">Текст</p>

Выносить в другой блок, тоже абсолют, но с z-index выше чем у.bottom-photo