Untitled

<!DOCTYPE>
<html>
  <head>
    <title>Gytis Kamantauskas 2 laboras</title>
    <style>
        @keyframes bega {
            100% { background-position: -400px; }
        }

        #zmogeliukas {
            background-image: url("zmogeliukas.png");
            height: 90px;
            width: 50px;
            position: absolute;
            top: 32%;
            z-index: 3;
            margin-left: 200px;
            animation: bega 1s steps(8) infinite;
        }
        @keyframes skrenda {
          100% { background-position: -1920px 0;}
        }
        #cloud{
          background-image: url("debesis.png");
          height: 350px;
          width: 1920px;
          margin-top: -500px;
          animation: skrenda 6s linear infinite;
        }
        #background2{
          background-image: url("sky.png");
          width: 1920px;
          height: 440px;
        }
        @keyframes background {
            100% { background-position: -1920px 0; }
        }

        #background {
            background-image: url("background.png");
            height: 450px;
            width: 1920px;
            margin-top: -290px;
            animation: background 9s linear infinite;
        }
    </style>

</head>
<body>
    <div id="background2"></div>
    <div id="cloud"></div>
    <div id="background"></div>
    <div id="zmogeliukas"></div>
</body>
</html>