body {
      font-family: 'Montserrat', Arial, sans-serif;
      margin: 0;
      height: 100%;
      background: var(--bg);
      color: var(--text-dark);
    }
    .content {
      flex: 1; /* This pushes the footer down */
    }
    .page-container {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
    }
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
  background: var(--bg);
  position: relative;
}

.bouncing-image {
  position: absolute;
  width: 100px;
  height: 100px;
  transition: none;
}

.bouncing-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: hue-rotate(0deg); /* For color changes */
  transition: filter 0.3s ease;
}

/* Optional: Add glow effect */
.bouncing-image img {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
}