.custom-image {
display: block;
position: relative;
}

.custom-image img {
margin-bottom: 0;
display: block;
width: 100%;
	-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
position: relative;
	z-index: 2;
}

.custom-image-box .overlay {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
opacity: 1;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
	z-index: 1;
}

.custom-image-box:hover .overlay {
opacity: 1;
}

.custom-image-box:hover img {
	transform: rotateY(90deg);
}

.custom-image-box .overlay h2 {
position: absolute;
display: block;
top: 30%;
left: 0;
right: 0;
font-size: 18px;
line-height: 16px;
margin-top: -11px;
text-align: center;
}

.custom-image-box .overlay p.dp_field_description {
position: absolute;
display: block;
top: 51%;
left: 0;
right: 0;
text-align: center;
}