*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: #1a1a1a;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes float {
  0%   { transform: translateY(0px) rotate(0deg); }
  25%  { transform: translateY(-12px) rotate(0.4deg); }
  50%  { transform: translateY(-6px) rotate(-0.3deg); }
  75%  { transform: translateY(-16px) rotate(0.2deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

img {
  max-width: 80vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  display: block;
  animation: float 8s ease-in-out infinite;
}