FLOATING IMG (B&W ON HOVER)

<style>
#image01 {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
filter: saturate(100%); transition: all 0.01s ease;
}

img:hover { filter: saturate(0%);}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}

</style>