Image Bounce

// CSS //

#image {
width: 45vw;
margin: 0px;
border: none;
height: 41vw;
background-color:transparent;
position: absolute;
right: 27vw;
bottom: 0vw;
background-image:url("https://i.ibb.co/JnBMmSy/4.png");
background-repeat:no-repeat;
background-position: bottom;
background-size: 100%;
	-webkit-animation: bounce;
 animation: bounce;
 -webkit-animation-duration: 3s;
 animation-duration: 3s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
}

@keyframes bounce{
 0% {bottom: 3vw;}
 50% {bottom: 7vw;}
 100% {bottom: 3vw;}}

@-webkit-keyframes bounce {
 0% {bottom: 3vw;}
 50% {bottom: 7vw;}
 100% {bottom: 3vw;}
}

// HTML //

<div id="image"></div>