.cards {
    height: 900px;
    width: 100%;
    margin: 0 auto;
    -webkit-perspective: 1000px;
    perspective: 1000px;
	background:#333;
}
.cards__container {
    width: 100%;
    height: 100%;
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    box-sizing: border-box;
	background:#333;
}
.cards__front, .cards__back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-size: cover;
}
.cards__front {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.cards__back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.cards.is-flipped .cards__container {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
		  
}

.card-1 {
  background-image: url(../../images/1.jpg);
}

.card-2 {
  background-image: url(../../images/2.jpg);
}

.card-3 {
  background-image: url(../../images/3.jpg);
}

.card-4 {
  background-image: url(https://source.unsplash.com/_d0zgyMmYT8/800x600);
}

.info-slider {
    margin-top: 16em;
}