.dld-flip-business-card {
  perspective: 2500px;
  -webkit-perspective: 2500px;
  perspective-origin: 50% 50%;
  -webkit-perspective-origin: 50% 50%;
  overflow: visible !important;
  position: relative;
  cursor: pointer;
}

.dld-flip-business-card .dld-card-front {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.dld-flip-business-card:hover .dld-card-front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dld-flip-business-card .dld-card-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.dld-flip-business-card:hover .dld-card-back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}