Edit in JSFiddle

<html>
    <head>
        <base href="https://picsum.photos/640/480/" target="_blank" />
        <title>Best website everah</title>
        
        <!--Meta-->
        <meta charset="utf-8" />
        <meta name="author" content="Oliver Paljak" />
        <meta name="description" content="Best website everah" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        
        <!--Link-->
        <link rel="author" href="https://oliverpaljak.com" hreflang="et" type="text/html" />
        <link rel="icon" href="http://icons.iconarchive.com/icons/webalys/kameleon.pics/32/Boss-3-icon.png" sizes="32x32" type="image/png" />
        <link rel="license" href="http://unlicense.org/" hreflang="en" />
        
        <!--Style-->
        <style type="text/css" title="default-css">
            .animation-container{
                position: relative;
                width: 100px;
                height: 100px;
            }
            
            #animate-box{
                background-color: #0067ff;
                width: 50px;
                height: 50px;
                position: absolute;
            }
            
            .error{
                color: red;
                font-weight: 500;
            }
        </style>  
    </head>
    <body>
        <div class="animation-container">
            <div id="animate-box"></div>
        </div>
        <div>
            <img src="?image=1048" alt="City photo" />
            <img src="?image=1050" alt="Nature photo" />
        </div>
        
        
        <!--Import jQuery-->
        <script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript" crossorigin="anonymous"></script>
        
        <!--Import velocity -->
        <script src="https://cdn.jsdelivr.net/gh/julianshapiro/velocity@1.5.2/velocity.min.js" crossorigin="anonymous"></script>
        
        <script type="text/javascript">
            var worksMessage = document.createElement("span");
            worksMessage.innerHTML = "Juhhei! Sinul on skriptid lubatud! Vaata seda imelist kasti"
            
            document.body.appendChild(worksMessage);
            
            var $animateBox = $("#animate-box");
            var $img = $("img");
            
            $animateBox.velocity(
                {
                    width: "100px",
                    height: "100px",
                    backgroundColor: "#00ffbf"
                },
                {
                    duration: 1000,
                    easing: "ease",
                    loop: true
                }
            );
            
            $img.velocity(
                {
                    width: "175px",
                    height: "131px"
                }
            );
            
        </script>
        <noscript>
            <span class="error">Sul ei ole skriptid lubatud/toetatud!</span>
        </noscript>
    </body>
</html>