.cloud-float {
  position: fixed;
  top: 30%;
  left: 5%;
  width: 200px;
  height: auto;
  opacity: 0.8;
  z-index: 2;
  pointer-events: none;
  animation: floatAround 24s ease-in-out infinite alternate;
}

.balloon-float {
  position: fixed;
  top: 25%;
  right: 5%;
  width: 200px;
  height: auto;
  opacity: 0.9;
  z-index: 2;
  pointer-events: none;
  animation: floatAround 28s ease-in-out infinite alternate-reverse;
  transform: scaleX(-1);
}

@keyframes floatAround {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(-10px, 15px); }
  50%  { transform: translate(15px, -15px); }
  75%  { transform: translate(-20px, 10px); }
  100% { transform: translate(10px, -10px); }
}

@media (max-width: 1280px) {
  .cloud-float, .balloon-float {
    display: none !important;
  }
}