<!--HTML-->
<style>

.moreblock {
width: 500px;
height: 250px; 
background: #ddcbd6;
border-top: 10px solid #ecdde6; 
}

.title { 
font-family: Playfair Display; 
font-size: 55px; 
font-style: italic; 
font-weight: bold; 
color: #84729a;
text-shadow: 1px 1px 2px white; 
top: -45px;
position: relative;
} 

.more {
width: 470px; 
height: 195px; 
overflow: auto; 
position: relative;
top: -110px;
font-family: Playfair Display; 
color: #84729a;
font-size: 14px; 
} 

.more::-webkit-scrollbar { width: 0px; }
.more::-webkit-scrollbar-thumb { background-color: transparent; }
.more::-webkit-scrollbar-corner { background-color: transparent; }

.blur {
filter: grayscale(70%);
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
-ms-filter: grayscale(70%);
-o-filter: grayscale(70%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

</style>

<center>
<!-- ВАШЕ ФОТО 500 НА 200 PX -->
<div class="blur"><img src="http://funkyimg.com/i/2q8vh.png"></div>
<div class="moreblock"><p class="title">Name</p>
<p  class="more">more more.</p>
</div>
</center>