Код:

<center>
<style>
body{min-height:214px}
#likeyou { width: 400px; height: 290px; position: relative; overflow: hidden; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; border-bottom: 10px solid #473d3d;}
#likeyou:hover { width: 400px; height: 480px; position: relative; overflow: hidden; }
#likeyou .wannabe { -webkit-transition: 2s all ease-in-out; -moz-transition: 2s all ease-in-out; o-transition: 2s all ease-in-out; position: absolute; left: 0px; top: 0px; right: 0px; width: 400px; height: 300px; position: relative; z-index: 2;  }
#likeyou .wannabeloved { -webkit-transition: 2s all ease-in-out; -moz-transition: 2s all ease-in-out; o-transition: 2s all ease-in-out; position: absolute; left: 0px; top: 0px; width: 400px; height: 290px; }
#likeyou:hover .wannabeloved { -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; o-transition: 0.9s all ease-in-out; top: 290px; }
.sokissme { width: 340px; height: 130px; padding: 0px 10px 0px; 10px; border: 20px solid #f8f5f3; border-top: 30px solid #f8f5f3; border-bottom: 30px solid #f8f5f3; background-color: #f8f5f3; color: #252525; font-family: arial; font-size: 10px; line-height: 150%; text-align: justify; overflow: auto; }
.sokissme::-webkit-scrollbar { width: 5px; }
.sokissme::-webkit-scrollbar-track { background-color: #efe5e4; }
.sokissme::-webkit-scrollbar-thumb { background-color: #473d3d; }
.edsheeranlove { width: 200px; height; 200px; border-radius: 500%; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; -webkit-perspective: 2000; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin:0% 0%; -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%;}
.boomdida { width: 150px; height: 120px; background-color: #f8f5f3; padding: 0px 10px 0px 10px; border: 10px solid #f8f5f3; overflow: auto; text-align: justify; border-top: 20px solid #f8f5f3;border-bottom: 20px solid #f8f5f3; font-family: arial; font-size: 10px;  color: #252525; line-height: 150%; }
.boomdida::-webkit-scrollbar { width: 5px; }
.boomdida::-webkit-scrollbar-track { background-color: #efe5e4; }
.boomdida::-webkit-scrollbar-thumb { background-color: #473d3d; }
#likeyou:hover .edsheeranlove { width: 200px; height; 200px; border-radius: 500%; transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -ms-transform: rotateX(360deg); }
.whywouldyounot { width: 200px; height: 200px; border-radius: 500%; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; opacity: 0; position: relative; background-color: #f8f5f3; }
#likeyou:hover .whywouldyounot { opacity: 1; }
</style>

<div id="likeyou"><div class="wannabe">

<div class="wannabeloved">
<div class="sokissme">

WORDS AND STUFF HERE

</div></div>

<div style="width: 400px; height: 10px; background-color: #473d3d; position: relative;"></div><div style="width: 400px; height: 150px; background: url(http://oi40.tinypic.com/mlo9sj.jpg); position: relative;"></div><div style="width: 400px; height: 130px; background-color: #e36b6b; position: relative;">

<div class="edsheeranlove"><div style="width: 200px; height: 200px; border-radius: 500%; background: url(ССЫЛКА НА ВАШУ КАРТИНКУ 200 НА 200);position: relative; top: -100px;"><div class="whywouldyounot"><div style="width: 150px; height: 45px;"></div>
<div style="width: 120px; padding: 2px; border: 1px solid #50565e; opacity: 1;">
<div style="width: 120px; height: 25px; background-color: #ffbaba; font-family: open sans condensed; color:473d3d; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; line-height: 200%;">first last</div>
<div style="width: 150px; height: 2px;"></div>
<div style="width: 120px; height: 25px; background-color: #ffbaba; font-family: open sans condensed; color:473d3d; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; line-height: 200%;">age in letters</div>
<div style="width: 150px; height: 2px;"></div>
<div style="width: 120px; height: 25px; background-color: #ffbaba; font-family: open sans condensed; color:473d3d; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; line-height: 200%;">trait here</div>
<div style="width: 150px; height: 2px;"></div>
<div style="width: 120px; height: 25px; background-color: #ffbaba; font-family: open sans condensed; color:473d3d; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; line-height: 200%;">member group</div>
</div></div></div></div>

</div></div>

</div>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<center>