Jak przesuwać element ruchem myszki?

Cześć, borykam się z pewnym problemem planuje zrobić nasłuchiwanie na dany element używając ruchu myszki, tak aby móc nim ruszać po oknie przeglądarki. W tym celu chciałem określić punkt centralny elementu, który będę mógł swobodnie przemieszczać. Kod wydaje się okej i nie wiem czy to nie jest kwestia samego obrazka, czy coś nadal jest nie tak?
https://jsfiddle.net/wp76a4mk/

.flying-cloud {
  position: absolute;
  top: 10%;
  left: 25%;
  width: 20%;
}

top: 10% i left: 25% ci zaburza. Jak to usuniesz, to jest dobrze.

Super, dziękuje bardzo, niby takie oczywiste, ale jak zwykle ciężko samemu dojść do rozwiązania.