<!--HTML-->
<style type="text/css">
.fon { width: 920px; 
height: 555px;
background-image: url(http://funkyimg.com/i/2eKXg.png);
}

.info { width: 214px; 
height: 76px;
text-align: center;
margin-top: 230px;
margin-left: 354px;
position: absolute;
}

.name {
font-family: 'Lobster';
font-size: 14px;
text-transform: uppercase;
color: #000000;
line-height: 80%;
}

.inf {
font-family: 'Poiret One';
font-size: 11px;
text-transform: lowercase;
color: #000000;
font-weight: bold;
line-height: 80%;
overflow-y: auto;
height: 30px;
}

.img {
width: 100px; 
height: 100px;
margin-top: 100px;
margin-left: 400px;
position: absolute;
border-radius: 360px; 
-o-border-radius: 360px; 
-ms-border-radius: 360px; 
-webkit-border-radius: 360px; 
border: 10px solid #ae9e84;
}

.gifts { width: 340px; 
height: 50px;
text-align: center;
margin-top: 320px!important;
margin-left: 90px!important;
position: absolute;
overflow-y: auto;
z-index: 10!important;
}



</style>

<div class="fon">
<div class="info">
<div class="name">исайя кейтель</div>
<div class="inf">сценарист, владелец продюсерского центра «cinema chance», актер-камео</div>
</div>
<div class="img" div style="background-image: url(http://funkyimg.com/i/2eL8F.jpg);"></div>

<div class="gifts">подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут подарки здесь будут </div>
</div>