.animated {
  .population_explosion {
    #title_x5F_block {
      animation-name: population_explosion_block_animation;
      animation-direction: alternate;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-duration: 3s;
    }

    #chart {
      animation-name: population_explosion_chart_animation;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-duration: 20s;
      transform-origin: 1000px 9000px;
    }
  }
}

@keyframes population_explosion_chart_animation {
  0% {
    transform: scaleY(0.9);
  }
  95% {
    transform: scaleY(1.2);
  }
  100% {
    transform: scaleY(0.9);
  }
}

@keyframes population_explosion_block_animation {
  0% {
    transform: translateY(-300px);
  }
  100% {
    transform: translateY(0px);
  }
}
