separate floating image code

<style>
#float {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

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

</style>
<div id="float"><img src="your link here"></div>
alternatively you can just change #float to your image's element id! (like #image01)