.photo-frame {
  overflow: hidden;
  border-radius: 15px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.photo-frame img {
  transition: transform 0.5s ease;
}
.photo-frame:hover {
  transform: scale(1.05) rotate(1deg);
  box-shadow: 0 0 25px rgba(0, 123, 255, 0.6);
}
.photo-frame:hover img {
  transform: scale(1.1);
}
.balloons {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}

.balloon {
  position: absolute;
  width: 60px;
  animation: floatLoop 12s linear infinite, spinScale 6s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(0, 123, 255, 0.5));
}

.balloon:nth-child(1) { left: 10%; animation-delay: 0s; }
.balloon:nth-child(2) { left: 30%; animation-delay: 2s; }
.balloon:nth-child(3) { left: 50%; animation-delay: 4s; }
.balloon:nth-child(4) { left: 70%; animation-delay: 6s; }

@keyframes floatLoop {
  0% {
    transform: translateY(100vh) scale(1);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    transform: translateY(0) scale(1.1);
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) scale(1);
    opacity: 0;
  }
}

@keyframes spinScale {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(5deg) scale(1.1); }
  100% { transform: rotate(-5deg) scale(1); }
}

#countdown {

  text-shadow: 0 0 5px rgb(255, 255, 255);
}