#cardsContainer {
	width:800px;
	text-align:center;
	margin:0 auto;
	perspective:800px;
	position:relative;
	top:110px;
}

.card {
	display:inline-block;
	margin:0px 10px;
	width:160px;
	height:100px;
	transform-style:preserve-3d;
	transition: transform 0.3s;
}

.card figure {
	margin:0;
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	border-radius:5px;
}

.card .front {
  	background: url(../img/04_01_card.png);
  	background-size:cover;
}
.card .back {
	background-size:cover;
  	transform: rotateY( 180deg );
}
.card.flipped {
  	transform: rotateY( 180deg );
}