Как сделать приближение/удаление блоков в блоке?

Есть структура:

<div id="app">
  <div class="container">
    <div class="some_item"></div>
    <div class="some_item"></div>
    <div class="some_item"></div>
  </div>
</div>

#app - это блок который занимает 100% ширины и высоты экрана
. container - некий элемент с заданной фиксированной шириной и высотой (например 2000х2000px)
.some_item - некие элементы, которые можно таскать по .container'у тоже с заданной шириной и высотой (например 100х100px)

Как сделать так, чтобы можно было приближать и отдалять эти блоки?
В моем понимании нужно просто как то сделать так, чтобы отдалялся сам контейнер, а за ним уже и блоки будут

Но как это вообще можно сделать?
PS. VueJS использую, мб есть плагин како то готовый для этого?