Bouncing DVD Logo Animation HTML CSS

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bouncing DVD Logo Animation With Html CSS Only</title>
  <link rel="stylesheet" href="lib/style.css">
</head>
<body>
  <marquee behavior="alternate" scorrlamount="30">
    <marquee behavior="alternate" scorrlamount="30" direction="down">
      <img src="./img/dvd_logo.png" alt="DVD Logo">
    </marquee>
  </marquee>
</body>
</html>

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100vh;
  background: #000;
}

marquee {
  height: 100vh;
}