Mover posição de elementos dentro de uma div

Front-end JavaScript
#1

Galera, como posso realizar um esquema de mover elementos dentro de uma div?
Possuo a seguinte estrutura na tela:

Elementos responsaveis por mover os demais elementos:

img%202

Estrutura dos elementos:

img1

Ao clicar em um dos elementos para mover, a posição dos elementos da div em questão terá que obedecer a ação de mudança de posição.

A funcionalidade é simples porém estou enroscado em como posso estar desenvolvendo, se alguem puder dar um dica serei grato, valeu!

#2

A ideia é selecionar um elemento e mover ele com o botões verdes?

#3

Isso mesmo lucas.

#4

Pode não parecer, mas acho que vc vai conseguir fazer isso melhor com drag n’ drop. Ex.: https://www.w3schools.com/html/html5_draganddrop.asp

#5

Então lucas eu queria fazer assim, mas por forças maiores tenho que seguir estrutura de funcionalidade.