.hero-image {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.hero-image img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
  filter: drop-shadow(0 0 50px rgba(6,182,212,0.2));
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}
