.image-flip-wrapper-bd4c2a08 {
    background-color: transparent;
    width: 100%;
    perspective: 1000px;
}
.image-flip-inner-bd4c2a08 {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.image-flip-wrapper-bd4c2a08.dir-horizontal:hover .image-flip-inner-bd4c2a08 {
    transform: rotateY(180deg);
}
.image-flip-wrapper-bd4c2a08.dir-vertical:hover .image-flip-inner-bd4c2a08 {
    transform: rotateX(180deg);
}
.image-flip-front-bd4c2a08, .image-flip-back-bd4c2a08 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.image-flip-wrapper-bd4c2a08.dir-horizontal .image-flip-back-bd4c2a08 {
    transform: rotateY(180deg);
}
.image-flip-wrapper-bd4c2a08.dir-vertical .image-flip-back-bd4c2a08 {
    transform: rotateX(180deg);
}
.image-flip-indicator-bd4c2a08 {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1;
    pointer-events: none;
}