.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50vh;
}

.image-container__image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 280px;
  height: 280px;
}
.image-container__image--1 {
  opacity: 0;
  animation: fadeInScaleOut 5s alternate linear 19s forwards, fadeOutScaleIn 5s alternate linear 24s forwards;
}
.image-container__image--2 {
  opacity: 0;
  animation: fadeInScaleOut 5s alternate linear 9s forwards, fadeOutScaleIn 5s alternate linear 14s forwards;
}
.image-container__image--3 {
  opacity: 0;
  animation: fadeInScaleOut 5s alternate linear forwards, fadeOutScaleIn 5s alternate linear 5s forwards;
}

@keyframes fadeInScaleOut {
  0% {
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  10% {
    opacity: 1;
    transform: scale(0.1) rotateZ(36deg);
  }
  20% {
    opacity: 0.2;
    transform: scale(0.2) rotateZ(72deg);
  }
  30% {
    opacity: 0.3;
    transform: scale(0.3) rotateZ(108deg);
  }
  40% {
    opacity: 0.4;
    transform: scale(0.4) rotateZ(144deg);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.5) rotateZ(180deg);
  }
  60% {
    opacity: 0.6;
    transform: scale(0.6) rotateZ(216deg);
  }
  70% {
    opacity: 0.7;
    transform: scale(0.7) rotateZ(252deg);
  }
  80% {
    opacity: 0.8;
    transform: scale(0.8) rotateZ(288deg);
  }
  90% {
    opacity: 0.9;
    transform: scale(0.9) rotateZ(324deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotateZ(360deg);
  }
}
@keyframes fadeOutScaleIn {
  0% {
    opacity: 1;
    transform: scale(1) rotateZ(360deg);
  }
  10% {
    opacity: 0.9;
    transform: scale(0.9) rotateZ(324deg);
  }
  20% {
    opacity: 0.8;
    transform: scale(0.8) rotateZ(288deg);
  }
  30% {
    opacity: 0.7;
    transform: scale(0.7) rotateZ(252deg);
  }
  40% {
    opacity: 0.6;
    transform: scale(0.6) rotateZ(216deg);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.5) rotateZ(180deg);
  }
  60% {
    opacity: 0.4;
    transform: scale(0.4) rotateZ(144deg);
  }
  70% {
    opacity: 0.3;
    transform: scale(0.3) rotateZ(108deg);
  }
  80% {
    opacity: 0.2;
    transform: scale(0.2) rotateZ(72deg);
  }
  90% {
    opacity: 0.1;
    transform: scale(0.1) rotateZ(36deg);
  }
  100% {
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
}
.attribution {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.attribution p {
  font-family: sans-serif;
}
.attribution p a {
  text-decoration: none;
  color: #1c92d2;
}

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