Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,900italic|Economica' rel='stylesheet' type='text/css'>

<style type="text/css">
.asf-bajancanadian {
   width:400px;
   height:400px;
   padding:25px;
   background-image:url(https://s-media-cache-ak0.pinimg.com/736x/1c/a8/46/1ca84690db4867f3443be32b001969eb.jpg);
   background-position: center bottom;
}
.asf-jerome {
   width: 350px;
   padding:25px;
   background-color:#8B8B7A;
   margin-top:-50px;
   z-index:1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
.asf-noochm {
   font-size:25px;
   font-style:italic;
   font-weight:bold;
   font-family:playfair display;
   color:#fcfcfc;
   line-height:100%;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
.asf-mitch {
   width:350px;
   padding:25px;
   overflow:scroll;
   font-family:calibri;
   font-size:12px;
   line-height:99%;
   background-color:rgba(255, 255, 255, 0.8);
   background-color:rgb(255, 255, 255, 0.8);
   text-align:justify;
   height:0px;
   color:191919;
   opacity:0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
.asf-bajancanadian:hover .asf-jerome {
   margin-top:0px;
}
.asf-bajancanadian:hover .asf-mitch {
   opacity:1;
   height:250px;
}
.mrc {
   font-family:calibri;
   font-size:9px;
   text-transform:uppercase;
   text-decoration:none;
}
.mrc a {
   text-decoration:none;
   color:#A23838;
}
</style>

<center>
   <div class="asf-bajancanadian">
       <div class="asf-mitch"><table layout=fixed width=100%>
<tr>
<td><p style="text-align:center"><img src="https://31.media.tumblr.com/36af84345cc9672aafa91350bbc13d6b/tumblr_inline_ngnyhqm7fi1t2lmg5.gif"></p></td>
<td><p style="text-align:center" dline="line-height:0.9em"><span style="font-size:14px"><b>Stephen Amell</b></span><br>
стивен амелл, 33 <br>
<span style="font-size:10px">8.05.81, актер</span><br>
<i>ваша цитата</i></p></td>
</tr></table>
<hr />
<p style="text-align:center"><i>"ответ на 1 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 2 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 3 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 4 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 5 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 6 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 7 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 8 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 9 вопрос"</i></p><br>
<p style="text-align:center"><i>"ответ на 10 вопрос"</i></p><br>
<hr />
<p style="text-align:center">связь с вами (лс не принимается)</p>
</div>
       <div class="asf-jerome">
           <div class="asf-noochm">stephen amell, 33 y.o</div>
       </div>
   </div>
   <div class="mrc"><a href="http://roux.jfbs.net/index.php?showuser=1">xoxo</a>
   </div>
</center>