.single-service:hover{
    transform: rotateY(180deg);
}

.single-service .front_side{
    backface-visibility: hidden;
    transform: rotateY(0deg);
}

.single-service .back_side{
    position: absolute;
    top: 0;
    right: 0;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}

.single-service .front_side span,
.single-service .back_side span{
    top: 0;
    right: 0;
}

.single-service:hover .front_side{
    transform: rotateY(180deg);
}

.single-service:hover .back_side{
    transform: rotateY(0deg);
}