.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

img {
  transform: translateX(0px);
  animation: float 6s ease-out infinite;
}

@keyframes float {
  0%{
    transform: translateY(0px);
  }
  50%{
    transform:translateY(-30px);
  }
  100%{
    transform: translateY(0px);
  }
}
h2 {
  font-size: 100px;
  transform: translateY(-175px);
}