JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <img id="pict" src="http://annimon.com/files/photo/1608.jpg"/>
</body>

CSS

#pict { position: absolute;}

JavaScript

var move = 0, step = 3;
function animate() {
    var pict = document.getElementById('pict');
    var x = parseInt(pict.style.left);
    if (!x) x = 0;
    var y = parseInt(pict.style.top);
    if (!y) y = 0;
    
    if (move == 0) {
        x+=step;
        if (x > 250) move++;
    } else if (move == 1) {
        y+=step;
        if (y > 250) move++;
    } else if (move == 2) {
        x-=step;
        if (x <= 0) move++;
    } else if (move == 3) {
        y-=step;
        if (y <= 0) move = 0;
    }
    
    pict.style.left = x + 'px';
    pict.style.top = y + 'px';
    window.setTimeout( function() {
        animate();
    }, 20);
}

animate();