php – É possivel usar .animate() em posições exatamente definidas no codigo?

Booas, Estou aprendo JQuery e estou com um duvida cruel.

Estou tentando mover uma imagem pela pagina em posições definidas.

Cada pontinho na foto é uma posição da animação que seria definida

Meu código é este, só consigo a animação em linha reta paras os lados, cima e baixo.

$(document).ready(function(){
$("#posicao").animate({left: "+=500"}, 2000);
$("#posicao").animate({top: "+=300"}, 1000);
$("#posicao").animate({left: "-=500"}, 1000);
$("#posicao").animate({top: "-=300"}, 1000);

});

Exemplo funcionando no meu site > https://nbaliga.com/TV.html

Será que é possível definir a posição que eu quiser no código?