JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://upload.wikimedia.org/wikipedia/commons/0/0e/Ski_trail_rating_symbol-green_circle.svg" alt="Bild1" onclick="move()" id="bild" width="200px"></img>

CSS

#bild {
    margin-left: 0%
}

JavaScript

function updatePosition(value) {
    document.getElementById("bild").style.marginLeft = value + "%";
}

var percentage = 1;
var increase = true;
var counter = setInterval(function() {
        if (percentage == 100 || percentage == 0) {
            increase = !increase;
        }
        percentage = (increase) ? percentage+1 : percentage-1;
        console.log(percentage);
        updatePosition(percentage);
    }, 100);