#splash {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background-image: linear-gradient(to bottom, #7fd23b22, #25cc9022);
}

#splash .center,
#splash .bottom-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#splash .center {
  display: flex;
  flex-direction: column;
  top: 30%;
}

#splash .bottom-center {
  bottom: 5%;
}

#splash .block-anim {
  display: block;
  transform-origin: center center;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
#splash img.block-anim {
  object-fit: none;
}

#splash .block-anim.translate-anim {
  animation-name: translate;
}

#splash .block-anim.scale-amin {
  animation-name: scale;
}

@keyframes translate {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-30px);
  }
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}