.card {
	position:relative;
}
.card__side {
	transition:all .8s ease;
	color:white;
	font-size:2rem;
	position:absolute;
	top:0;
	left:0;
	height:300px;
	width:500px;
	backface-visibility:hidden;
}
.card__side--front {
	/* background-color:#2196F3;
	*/
      position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.card__side--back {
	/* background-color:#303F9F;
	*/
      transform:rotateY(180deg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.showGreen {
	transform:rotateY(-180deg);
}
.showRed {
	transform:rotateY(0);
}
#front-7 {
	background-image:url(http://www.jq22.com/img/cs/500x300-1.png);
}
/* Back */


    #back-7 {
	background-image:url(http://www.jq22.com/img/cs/500x300-1.png);
}