.carousel {
  width: 512px;
  height: 659px;
  border-radius: 20px;
  transform: rotate(-5deg);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
}

.carousel .image {
  position: absolute;
  top: 0;
  left: 0;
}

.carousel .image.visible {
  z-index: 10;
}

.carousel .image.exiting {
  z-index: 10;
  left: 0px;
  transition: transform 0.5s;
}

.carousel .image.entering {
  z-index: 10;
  left: 512px;
  transition: transform 0.5s;
}

.image {
  width: 512px;
  height: 659px;
}

.image.blue {
  background-image: url('anna-about.jpg');
}

.image.red {
  background-image: url('anna-red-dress.jpg');
}

.image.green {
  background-image: url('anna-yellow-bandeau.jpg');
}