HTML<ul class="blocks"><li><div class="popup"><img src="http://www.picgifs.com/glitter-gifs/i/i-love-you/picgifs-i-love-you-1412852.gif" alt="" width="145" height="115" /></div> </li><ul class="blocks"><li> <p>Para texto o para imagen</p><div class="popup"> <p>Texto.</p></div></li></ul></ul>

CSS<style type="text/css"><!--
 @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic); 
 >html {
 font-family:'Noto Sans', serif;
 }
 .blocks {
 margin: auto;
 max-width:1070px;
 padding:0;

}
 .blocks li {
 color: #000;
 background-color: #eed6ac;
 cursor:default;
 float:left;
 list-style:none;
 margin:1%;
 padding:60px 0;
 position:relative;
 text-align:center;
 transition:.3s cubic-bezier(.3,0,0,1.3);
 width:31%;
 border-radius: 5%/10%;
 font-weight: bold;
 }
 .blocks li:hover {
 transform:scale(.7);
 z-index:3000;
 }
 .popup {
 background-color: inherit;
 color:#000;
 height: 100%;
 width:100%;
 left:0;
 opacity:0;
 position:absolute;
 top:0;
 padding: 15px;
 border-radius: 5%/10%;
 transition:.3s cubic-bezier(.3,0,0,1.37);
 }
 .popup span {
 font-size:12px;
 font-weight: normal;
 left:0;
 padding:15px 25px;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 }
 .popup h3 {
 font-size:13px;
 margin:0 0 5px;
 padding:0;
 }
 .blocks li:hover .popup {
 opacity:1;
 transform:scale(2);
 box-shadow: 0 0 10px 2px rgba(0,0,0,.4);
 }
 --></style>