diff --git a/app/public/background/bonfire.png b/app/public/background/bonfire.png
new file mode 100644
index 0000000..24d61ed
Binary files /dev/null and b/app/public/background/bonfire.png differ
diff --git a/app/public/background/tower.png b/app/public/background/tower.png
index 306fb2e..b823a92 100644
Binary files a/app/public/background/tower.png and b/app/public/background/tower.png differ
diff --git a/app/public/background/village.png b/app/public/background/village.png
new file mode 100644
index 0000000..a9403fe
Binary files /dev/null and b/app/public/background/village.png differ
diff --git a/app/src/styles/Background.module.css b/app/src/styles/Background.module.css
index fbd18c8..b01acf3 100644
--- a/app/src/styles/Background.module.css
+++ b/app/src/styles/Background.module.css
@@ -67,9 +67,19 @@
 }
 .village {
   background-image: url("/background/village.png");
+  height: 540px;
+  bottom: 22px;
 }
 .bonfire {
   background-image: url("/background/bonfire.png");
+  bottom: 100px;
+  left: 184px;
+  width: 175px;
+  height: 193px;
+  transform-origin: bottom center;
+  animation:
+    bonfire 12s linear infinite,
+    bonfire_skew 5s infinite linear;
 }
 
 @keyframes scrollBackground {
@@ -119,3 +129,70 @@
     filter: saturate(1);
   }
 }
+
+@keyframes bonfire {
+  5% {
+    filter: saturate(3);
+  }
+  10% {
+    filter: saturate(1);
+  }
+  15% {
+    filter: saturate(3);
+  }
+  25% {
+    filter: saturate(1);
+  }
+  35% {
+    filter: saturate(5);
+  }
+  50% {
+    filter: saturate(1);
+  }
+  55% {
+    filter: saturate(3);
+  }
+  85% {
+    filter: saturate(1);
+  }
+  90% {
+    filter: saturate(2);
+  }
+  100% {
+    filter: saturate(1);
+  }
+}
+
+@keyframes bonfire_skew {
+  0%,
+  100% {
+    transform: scale(1, 1) skew(0deg, 0deg);
+  }
+  10% {
+    transform: scale(1.01, 1.01) skew(0.5deg, -0.5deg);
+  }
+  20% {
+    transform: scale(1.02, 1.02) skew(1deg, -1deg);
+  }
+  30% {
+    transform: scale(1, 1.03) skew(0deg, 0deg);
+  }
+  40% {
+    transform: scale(1.01, 1.04) skew(0.5deg, -1.5deg);
+  }
+  50% {
+    transform: scale(1, 1.03) skew(0.5deg, -0.5deg);
+  }
+  60% {
+    transform: scale(1.01, 1.04) skew(0deg, 0deg);
+  }
+  70% {
+    transform: scale(1.02, 1.01) skew(1deg, -1deg);
+  }
+  80% {
+    transform: scale(1, 1.02) skew(-0.5deg, 0.5deg);
+  }
+  90% {
+    transform: scale(1.02, 1.03) skew(0deg, -1deg);
+  }
+}