.floating img{
  display: inline-block;            /* safe for transform */
  animation: floaty 3s ease-in-out infinite;
  will-change: transform;
}

@keyframes floaty{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-12px); } /* how high it “floats” */
}