figure {
    text-align: center;
    height: 6em;
    margin: 1.5em;
   /* width: 12em;*/
    -webkit-transform: perspective(500);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: .5s;
}
figure:hover {
    -webkit-transform: perspective(500) rotateX(90deg) translateY(-3em) translateZ(3em);
}
img {
   
    -webkit-transition: .5s;
}
figure:hover img {
    box-shadow: none;
}
figcaption {
    background-color: #4bb34a;
    color: #fff;
    padding: 1.5em;
    -webkit-transform: rotateX(-90deg);
    -webkit-transform-origin: 100% 0;
    -webkit-transition: .5s;
}
figure:hover figcaption {
    box-shadow: 0 20px 15px -10px hsla(0,0%,0%,.25);
}
.img_holder {
	position: relative;
}
.img_holder .overlay {
	position: absolute;
	width:100%;
	height:100%;
	background: rgba(255,153,0,0.7);
	top:0;
	left:0;
	padding: 10px 8px;
	cursor: pointer;
	-ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0);
}
.img_holder .overlay .overlay_border {
	width:100%;
	height:100%;
	border:1px dashed rgba(336,336,336,0.5);
}
.design_planting:hover .img_holder .overlay,
.garden_care:hover .img_holder .overlay {
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1);
}