.fire-bg {
  position: relative;
  background: linear-gradient(#067dec, #74dfff, #067dec); /* BACKGROUND AWAL DIPERTAHANKAN */
  overflow: hidden;
  z-index: 1;
}

.fire-bg::before,
.fire-bg::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: -50%;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 100%, rgba(255, 100, 0, 0.15) 0%, transparent 70%),
    radial-gradient(circle at 60% 110%, rgba(255, 150, 0, 0.12) 0%, transparent 80%),
    radial-gradient(circle at 40% 90%, rgba(255, 80, 0, 0.13) 0%, transparent 70%);
  animation: flameMove 5s infinite linear alternate;
  opacity: 0.35;
  pointer-events: none;
}

.fire-bg::after {
  animation-delay: 2.5s;
  opacity: 0.25;
}

@keyframes flameMove {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-15px) scale(1.05);
  }
  100% {
    transform: translateY(-30px) scale(1);
  }
}