HTML

<div class="transition-translate">
<p style="text-align: center;">Dios tiene un principe para t&iacute;, <br />pero eso no significa que no seas ya una reina.</p>
<img style="border: 2px dotted #0099c8; border-radius: 110px/140px; -webkit-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px; display: block; margin-left: auto; margin-right: auto;" src="https://lh5.googleusercontent.com/-bLLEVt-HGns/U-jZpnNed7I/AAAAAAAA2rI/thbYxI5wfIw/w245-h170-no/8.gif" alt="" width="270" height="230" /></div>

CSS

<style type="text/css"><!--
 .transition-translate {
  position: relative;
  top: 0;
  z-index: 2;
  background: #fff;
  color: #000;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  max-width: 400px;
  font-size: 20px;
  border: 3px double #0099c8;
  border-radius: 110px/140px;
 -webkit-box-shadow: #3f3850 44px 44px 44px;-moz-box-shadow: #71346f 14px 14px 14px; box-shadow: 0 5px 5px 2px #000;  
  cursor: pointer;
  transition: 3s linear;
}
.transition-translate:hover {
  top: 50px;
}
 --></style>