.lanternX1 {
  bottom: -80px;
  left: 42px;
  transform: translateX(0);
  animation-name: lanternX1;
  animation-duration: 1.7s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

 .lanternY1 {
  display: inline-block;
	font-size:4em;
  z-index: 68000;
  animation-name: lanternY;
  animation-duration: 1.7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 
}

@keyframes lanternX1 {
  50% {
    transform: translateX(56px);
  }
}

@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}

.lanternX2 {
  bottom: -80px;
  left: 77px;
  transform: translateX(0);
  animation-name: lanternX2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY2 {
  display: inline-block;
  	font-size:4em;
  z-index: 49000;
  animation-name: lanternY;
  animation-duration: 1.7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 
}

@keyframes lanternX2 {
  50% {
    transform: translateX(32px);
  }
}

@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}

.lanternX3 { 
  bottom: -80px;
  left: 51px;
  transform: translateX(0);
  animation-name: lanternX3;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY3 {
  display: inline-block;
  	font-size:4em;

  z-index: 35000;
  animation-name: lanternY;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 
}

@keyframes lanternX3 {
  50% {
    transform: translateX(70px);
  }
}

@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}

.lanternX4 { 
  bottom: -80px;
  left: 47px;
  transform: translateX(0);
  animation-name: lanternX4;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY4 {
  display: inline-block;
  	font-size:4em;

  z-index: 79000;
  animation-name: lanternY;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 
}

@keyframes lanternX4 {
  50% {
    transform: translateX(47px);
  }
}

@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}

.lanternX5 { 
  bottom: -80px;
  left: 99px;
  transform: translateX(0);
  animation-name: lanternX5;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY5 {
  display: inline-block;
  font-size:4em;

  z-index: 60000;
  animation-name: lanternY;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 }

@keyframes lanternX5 {
  50% {
    transform: translateX(28px);
  }
}


@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}


.lanternX6 { 
  bottom: -80px;
  left: 73px;
  transform: translateX(0);
  animation-name: lanternX6;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY6 {
  display: inline-block;
  font-size:3.4em;
  z-index: 76000;
  animation-name: lanternY;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 }

@keyframes lanternX6 {
  50% {
    transform: translateX(27px);
  }
}
@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}
.lanternX7 { 
  bottom: -80px;
  left: 2px;
  transform: translateX(0);
  animation-name: lanternX7;
  animation-duration: 0.9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY7 {
  display: inline-block;
  font-size:5em;
  z-index: 66000;
  animation-name: lanternY;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 }

@keyframes lanternX7 {
  50% {
    transform: translateX(10px);
  }
}
@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}
.lanternX8 { 
  bottom: -80px;
  left: 84px;
  transform: translateX(0);
  animation-name: lanternX8;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY8 {
  display: inline-block;
  font-size:3em;
  z-index: 55000;
  animation-name: lanternY;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 }

@keyframes lanternX8 {
  50% {
    transform: translateX(33px);
  }
}

@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}

.lanternX9 { 
  bottom: -80px;
  left: 95px;
  transform: translateX(0);
  animation-name: lanternX9;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY9 {
  display: inline-block;
  font-size:4em;
  z-index: 58000;
  animation-name: lanternY;
  animation-duration: 1.1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 }

@keyframes lanternX9 {
  50% {
    transform: translateX(1px);
  }
}

@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}

.lanternX10 { 
  bottom: -80px;
  left: 86px;
  transform: translateX(0);
  animation-name: lanternX10;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.lanternY10 {
  display: inline-block;
  font-size:6em;
  z-index: 31000;
  animation-name: lanternY;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform: translateY(0);
 }

@keyframes lanternX10 {
  50% {
    transform: translateX(15px);
  }
}
@keyframes lanternY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}