Мне нравится эта концепция, но я боюсь, что вы просто сталкиваетесь с ограничениями возможностей браузера.Единственное, что вы можете сделать, это убедиться, что все, что движется, это position: absolute
, чтобы браузеру не приходилось ничего перекомпоновывать во время анимации.
Возможно, попробуйте перемещать их по одному или по одному столбцуза раз, но очень быстро.Это будет немного другой эффект, но это сократит количество одновременных анимаций.Или вы можете сдвинуть первые два столбца вниз, чтобы вместить большее изображение.
Что касается курсора, вы, вероятно, можете сделать это с помощью CSS, например {cursor:hand;}
.Google "типы курсора CSS", и вы увидите, какие варианты.