/* ============================================
   ФОНОВЫЕ ИЗОБРАЖЕНИЯ ВРЕМЁН ГОДА
   ============================================ */
.seasons-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -2;
  opacity: 0.15;
  display: flex;
  justify-content: center;
  align-items: center;
}

.season-icon {
  position: absolute;
  font-size: 8rem;
  opacity: 0.2;
  animation: seasonFloat 20s infinite ease-in-out;
}

.season-icon.spring {
  color: #4caf50;
  top: 10%;
  right: 10%;
  animation-delay: 0s;
}

.season-icon.summer {
  color: #ff9800;
  bottom: 10%;
  left: 10%;
  animation-delay: 5s;
}

.season-icon.autumn {
  color: #795548;
  top: 10%;
  left: 10%;
  animation-delay: 10s;
}

.season-icon.winter {
  color: #2196f3;
  bottom: 10%;
  right: 10%;
  animation-delay: 15s;
}

@keyframes seasonFloat {
  0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(30px, -20px) rotate(5deg);
  }
  50% {
    transform: translate(-20px, 30px) rotate(-3deg);
  }
  75% {
    transform: translate(15px, 15px) rotate(2deg);
  }
}