Adding a Blur to the Background

To give an example like this;

<div class="cover">
	<div class="backdrop" style="background-image: url("></div>
	<h3>The Outlander</h3>

    .cover {
    	width: 400px;
    	height: 200px;
    	position: relative;
    	z-index: 1;
    	overflow: hidden;
    .cover .backdrop {
    	content: '';
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	filter: blur(5px);
    	z-index: -1;
    	backgrouns-zie: cover;
    	background-position: center;

There are no comments, make the firs comment