.flip-container
{
    position:relative;
    -webkit-perspective:1000;
    perspective:1000;
}
.flip-cards
{
    width:240px;
    height:680px;
    position:relative;
    float:left;    
    margin-left:5px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


.flip-cards:hover
{
    transform: rotateY( 180deg );
    -webkit-transform: rotateY(180deg);
}
.flip-cards div
{
    width:240px;
    height:680px;
    position:absolute;
    border-radius:15px;    
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.front-card
{
    z-index: 2;
    background-image: url('http://o-w-n.com/tyanew/images/1-240.jpg');
}

.front-card2
{
    z-index: 2;
    background-image: url('../images/2-240.jpg');
}

.front-card3
{
    z-index: 2;
    background-image: url('../images/3-240.jpg');
}

.front-card9
{
    z-index: 2;
    background-image: url('../images/9-240b.jpg');
}

.reverse-card
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY( 180deg );
}


#card3
{
    background-image: url('../images/1-240blue.jpg');
}

#card4
{
    background-image: url('http://o-w-n.com/tyanew/images/1-240teachertrng.jpg');
}

#card5
{
    background-image: url('../images/1-240bridgeyoga.jpg');
}

#card9
{
    background-image: url('../images/9-240.jpg');
}