@keyframes floating {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0px);
  }
}

.animate-floating {
  animation: floating 3s ease-in-out infinite;
}

.hero-bg {
  background-image: url('./asset/hero-bg.png');
  background-size: cover;
  background-position: center;
}