*, *::before, *::after {
  box-sizing: border-box;
}

.carousel {
  display: flex;
  overflow: hidden;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;
  padding: 10% 0;
  opacity: 0;
}

.carousel.in {
  animation: in 1s ease-in both;
}

.carousel > img {
  max-width: 100%;
  width: 40%;
  object-fit: contain;
}

@keyframes in {
  from { opacity: 0; }
  to { opacity: 1; }
}