body {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  background:#000000;
}

.card {
  width:450px;
  height:250px;
  perspective:1000px;
}

.inner {
  width:100%;
  height:100%;
  transition:transform 0.8s;
  transform-style:preserve-3d;
}

.front, .back {
  position:absolute;
  width:100%;
  height:100%;
  backface-visibility:hidden;
}

.front img, .back img {
  width:100%;
  height:100%;
  border-radius:15px;
}

.back {
  transform:rotateY(180deg);
}