center/floating img code

<html>
<body>
<center>

<style type="text/css">

	::-webkit-scrollbar {
	background-color:transparent;
	width: 5px; }

	::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent; }

	::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #E02C1D; }


	body{background-color: #FFF;
	background-position:right top; background-image: url("");
	background-repeat: repeat; background-attachment:fixed; background-size: repeat}


	.pfor{display:none;}
	#profile{background-color:transparent;border:none;}


.fix{
 position:fixed;
 bottom:0px;
 left:40%;
 }

#alexandros {
	background-color: #FFF;
	height: 500px;
	left: 36%;
	position: fixed;
	top: -20px;
	width: 390px;
	z-index: 2;
	}


@keyframes bounce{
 0% {top: 30px;}
 50% {top: 50px;}
 100% {top: 30px;}
}
@-webkit-keyframes bounce {
 0% {top: 30px;}
 50% {top: 50px;}
 100% {top: 30px;}}

.bounce-img-bg{
 background-color: transparent;
 height: 500px;
 left: -30px;
 position: absolute;
 top: 512px;
 width: 409px;
 z-index: 211;
padding:9px;

animation: bounce 3.25s infinite;
-o-animation: bounce 3.25s infinite;
-moz-animation:bounce 3.25s infinite;
-webkit-animation: bounce 3.25s infinite;
 }

.border{
border-radius: 80%;
border: 2px solid #E02C1D;
}


</style>

<div id="alexandros"><div class="bounce-img-bg"><span class="bounce-img">
	<img height="512px;" width="409px;" src="https://i.imgur.com/e2i3IIH.png"</img>
	</div></div>


</body>
</html>