floating picture

<style>
#floaty {
text-shadow: -1px 0 #446434, 0 1px #446434, 1px 0 #446434, 0 -1px #446434, 0 0;
font-family: romantic;
font-size: 2em;
font-weight: bold;
color: #fff;
position: absolute;
bottom: 7em;
left: 3em;
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="floaty"><img src="<img src="https://cdn.discordapp.com/attachments/617874431477415941/1084324128259059833/220620-LOONA-HaSeul-Summer-Special-Mini-Album-Flip-That-Press-Showcase-documents-2-removebg-preview.png">"</div>