/* https://github.com/posabsolute/css3d-hover-effect-with-fallback */
.containerCard {
    position:relative;
}
.containerCard .element{
    position:absolute;
    top:0; left:0;
}
.containerCard .elementB{
    display:none;
}   

.containerCard:hover .elementA {
    display:none;
}
.containerCard:hover .elementB{
    display:block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .containerCard .elementB{
        -webkit-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;

        /* -- transition is the magic sauce for animation -- */
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
    }   
    .containerCard .elementA{
        -webkit-transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;

        /* -- transition is the magic sauce for animation -- */
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
    }

        .containerCard:hover .elementA{
            -webkit-transform: rotateY(180deg);
        }
        .containerCard:hover .elementB{
            -webkit-transform: rotateY(0deg);
        }
        .containerCard{
            -webkit-perspective: 600;
        }
        .containerCard:hover .elementA{
            display:block;
        }
        .containerCard .elementB{display:block;}        
}

@media screen and (-moz-min-device-pixel-ratio:0) {

    .listingCampaign .caption .textImg{
        -moz-transform: rotateY(-180deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;

        /* -- transition is the magic sauce for animation -- */
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
    }   
    .listingCampaign .caption img{
        -moz-transform: rotateY(0deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;

        /* -- transition is the magic sauce for animation -- */
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
    }

        .listingCampaign .caption a:hover img{
            -moz-transform: rotateY(180deg);
        }
        .listingCampaign .caption a:hover .textImg{
            -moz-transform: rotateY(0deg);
        }
        .listingCampaign .caption a{
            -moz-perspective: 600;
        }
        .listingCampaign .caption a:hover img{
            display:block;
        }
        .listingCampaign .caption .textImg{display:block;}      
}