* {

  box-sizing: border-box;

}
body {

  font-family: '?', sans-serif;

}
.scene {
  width: 100%;
  height: 100%;
  min-height: 450px;
  position: relative;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  transform: translate3d(0, 0, 0);
}
.level-1 {
  animation: animation_fg linear 60s infinite both;
  background: url('') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 530px;
}
.level-2 {
  animation: animation_fg linear 100s infinite both;
  background: url('https://raw.githubusercontent.com/Nastushk1/nastle/refs/heads/main/gora.PNG') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 400px;
}
.level-3 {
  animation: animation_fg linear 40s infinite both;
  background: url('https://raw.githubusercontent.com/Nastushk1/nastle/refs/heads/main/doroga.PNG') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 350px;
}
.level-4 {
  animation: animation_fg linear 120s infinite both;
  background: url('https://raw.githubusercontent.com/Nastushk1/nastle/refs/heads/main/sky.JPG') 0 100% repeat-x;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 350px;
}
.kartinka-1 {
  background: url('https://raw.githubusercontent.com/Nastushk1/nastle/refs/heads/main/listiki.PNG') 0 100% no-repeat;
  z-index: 1;
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 75px;
  animation: animation_listiki linear 20s infinite both;
}

.kartinka-2 {
  background: url('https://raw.githubusercontent.com/Nastushk1/nastle/refs/heads/main/vfibyrf.PNG') 0 100% no-repeat;
  z-index: 1;
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 75px;
  animation: animation_mashinka linear 10s infinite both;
}
@keyframes animation_fg {

  0% {

    background-position: 2765px 100%;

  }

  100% {

    background-position: 550px 100%;

  }

}
@keyframes animation_listiki {

  0% {

    background-position: -300px 100%;

  }

  100% {

    background-position: 2000px 100%;

  }

}
@keyframes animation_mashinka {

  0% {

    background-position: -300px 100%;

  }

  100% {

    background-position: 2000px 100%;

  }

}