Прокручиваемый контейнер на веб-странице

Я хочу создать область просмотра внутри веб-страницы с полосами прокрутки.

В этом окне просмотра я хочу разместить коллаж из изображений с произвольным смещением относительно друг друга.

Первое изображение, которое я добавляю, должно располагаться по центру окна просмотра. Он может быть не таким большим, как окно просмотра.

Поскольку другие изображения добавляются с течением времени, они представляют собой некоторые полярные координаты от какого-либо другого изображения. Я могу преобразовать полярные координаты в смещения X Y.

Когда я добавляю изображения, я могу захотеть, чтобы они были слева от всех других изображений или над всеми другими изображениями и так далее; можно ли использовать отрицательные смещения? Могут ли полосы прокрутки в окне просмотра автоматически прокручивать используемый диапазон координат дочерних элементов, а не от 0,0?

Какой класс контейнера, с какими настройками CSS я использую для окна просмотра? Какие настройки положения CSS я использую для позиционирования дочерних элементов?