.image-skew {
  perspective: 2000px;
}

.image-skew img {
  transition: transform 400ms ease-out 0s;
  transform: rotateX(-25deg);
}

.image-skew.in-view img {
  animation-duration: 1400ms;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-name: slidein;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: 40ms
}

@keyframes slidein {
  0% {
    transform: rotateX(-25deg);
}

25% {
    transform: rotateX(-25deg) scale(0.9);
}

60%, 100% {
    transform: none;
}
}