.flip-box{
perspective:1000px;
}

.flip-box-inner{
position:relative;
width:100%;
height:250px;
text-align:center;
transition:all 0.9s ease;
transform-style:preserve-3d;
}

.flip-box:hover .flip-box-inner{
transform:rotateY(180deg);
}

.flip-box-front,
.flip-box-back{
position:absolute;
width:100%;
height:100%;
backface-visibility:hidden;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.flip-box-front{
background:#fff;
}

.flip-box-back{
transform:rotateY(180deg);
}

.flip-img{
width:80px;
margin-bottom:10px;
}