.elasticstack {

  margin: 0 auto;
  height: 568px;

  display: flex;
  align-items: center;
  justify-content: center;

  .elasticstack-inner {

    width: 89%;
    height: 96%;

    position: relative;

    perspective: 1000px;
    perspective-origin: 50% 150%;

    > .item {

      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;

      padding: 20px;

      box-shadow: 1px 1px 4px rgba(108, 108, 108, 0.26);

      background-color: #D5E2DD;
      position: absolute;

      opacity: 1;
      transform-style: preserve-3d;

      &.animate {
        transition: all 0.3s ease-out;
      }

      &.move-back {
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.470, 1.515);
      }

      &.ohide {
        opacity: 0;
      }

      &:nth-child(1) {
        z-index: 10;
        transform: translate3d(0, 0, 0) rotateZ(0deg);
      }
      &:nth-child(2) {
        z-index: 9;
        transform: translate3d(0, 0, 0) rotateZ(2deg);
      }
      &:nth-child(3) {
        z-index: 8;
        transform: translate3d(0, 0, 0) rotateZ(-3deg);
      }

      .item-warp {
        overflow: scroll;
        width: 100%;
        height: 100%;
      }
    }
  }

}