html, body {
  height: 100%;
}

body {
  overflow: inblock;
  z-index: -10;
}

.kaleidoscope {
  height: 100vmax;
  width: 100vmax;
  position: absolute;
  top: calc(50% - 50vmax);
  left: calc(50% - 50vmax);
  animation: rotate 40s linear infinite;
}

.kaleidoscope__facet {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 29.2894382286%, 0 0, 29.2894382286% 0, 50% 50%);
}
.kaleidoscope__facet::after {
  disnepalay: block;
  content: "";
  position: absolute;
  top: -30%;
  right: 30%;
  bottom: 30%;
  left: -30%;
  background-image: url('../images/zermatt.png');
  background-size: cover;
  background-position: center;
  animation: move 25s linear infinite;
}
@media (min-width: 600px) {
  .kaleidoscope__facet::after {
  background-image: url('../images/zermatt.png');
  }
}
@media (min-width: 1200px) {
  .kaleidoscope__facet::after {
  background-image: url('../images/zermatt.png');
  }
}
.kaleidoscope__facet:nth-child(1) {
  transform: rotate(45deg);
}
.kaleidoscope__facet:nth-child(2) {
  transform: scaleX(-1) rotate(90deg);
}
.kaleidoscope__facet:nth-child(3) {
  transform: rotate(135deg);
}
.kaleidoscope__facet:nth-child(4) {
  transform: scaleX(-1) rotate(180deg);
}
.kaleidoscope__facet:nth-child(5) {
  transform: rotate(225deg);
}
.kaleidoscope__facet:nth-child(6) {
  transform: scaleX(-1) rotate(270deg);
}
.kaleidoscope__facet:nth-child(7) {
  transform: rotate(315deg);
}
.kaleidoscope__facet:nth-child(8) {
  transform: scaleX(-1) rotate(360deg);
}

@keyframes move {
  0%, 100% {
    transform: translate(0, 0);
  }
  12.5% {
    transform: translate(12.5%, -6.25%);
  }
  25% {
    transform: translate(25%, 0);
  }
  37.5% {
    transform: translate(32.5%, 12.5%);
  }
  50% {
    transform: translate(25%, 25%);
  }
  62.5% {
    transform: translate(12.5%, 32.5%);
  }
  75% {
    transform: translate(0, 25%);
  }
  87.5% {
    transform: translate(-6.25%, 12.5%);
  }
}
@keyframes rotate {
  0% {
    transform: scale(1.33) rotate(0deg);
  }
  100% {
    transform: scale(1.33) rotate(360deg);
  }
}

/*# sourceMappingURL=imagekalei.css.map */