.blender{
      	position:relative;
      	padding:0;
      	width:100%;
      	display:block;
      	cursor:pointer;
      	overflow:hidden;
      }


	.blender_content{
  		display: flex;
  		align-items: center;

      	opacity:0;
      	position:absolute;
    	top:0;
      	left:0;
      	color:#101010;
 	background-color:rgba(189,189,189,1.0); 
      
      	width:100%;
      	height:100%;
		
      	-webkit-transition: all 400ms ease-out;
      	-moz-transition: all 400ms ease-out;
      	-o-transition: all 400ms ease-out;
      	-ms-transition: all 400ms ease-out;
      	transition: all 400ms ease-out;
      	text-align:left;
		line-height: 120%
      }

	.blender .blender_content:hover { opacity:1; }      

	.blender .blender_content.text {
      	height:0;
      	opacity:1;
      	transition-delay: 0s;
      	transition-duration: 0.4s;
      }

	.example .blender_content:hover .text {
      	opacity:1;
      	transform: translateY(250px);
      	-webkit-transform: translateY(250px);
      }