.efc-card {
    perspective: 1000px;
    height: 350px
}

.efc-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .7s;
    transform-style: preserve-3d
}

.efc-card:hover .efc-inner {
    transform: rotateY(180deg)
}

.efc-front,
.efc-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.efc-front {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #f5f5f5;
	border-radius:8px;
/* 	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.efc-front p,h3{
text-align:center;	
}
.efc-back {
    transform: rotateY(180deg)
}

.efc-back img {
    width: 100%;
    height: 100%;
    object-fit: cover
}