body{
  padding:0;
  margin:0;
  background:#fff;
}
.contenedor-pieza{
  position:relative;
  width:300px;
  height:600px;
  margin:0 auto;
}
.background{
  position:absolute;
  width:300px;
  height:600px;
  background-image:url(../img/01.jpg);
}
.clickTag{
  position:absolute;
  width:300px;
  height:600px;
  top:0;
  z-index: 1;
}

.fade-in {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}
.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
@-webkit-keyframes fadeIn {
	from { opacity:0; }
	to { opacity:1; }
}
@-moz-keyframes fadeIn {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes fadeIn {
	from { opacity:0; }
	to { opacity:1; }
}