.animated {
  .famine_and_epidemic {
    #main-container {
      animation-duration: 20s;
      animation-timing-function: linear;
      animation-iteration-count: 1;
      animation-name: famine_and_epidemic_animation;
      transform-origin: center center;
    }
  }
}

@keyframes famine_and_epidemic_animation {
  0% {
    scale: 0.7;
    filter: brightness(10%);
  }
  100% {
    scale: 1;
    filter: brightness(100%);
  }
}
