Как мне центрировать холст на экране, сохраняя при этом функциональность моей картыInterationCSS? ⇐ CSS

[Anonymous]

Я ни в коем случае не могу заставить изображение центрироваться на экране при загрузке страницы. Карта функциональна, поскольку ее можно перемещать для приложения VTT, но она перекрывается с текстом средства просмотра карт. в верхнем левом углу.
Я пробовал сделать компонент коробки относительным, но не получил того эффекта, который ищу. Любой, у кого есть идеи, что делать, пожалуйста, возьмите взгляните на мою песочницу кода, мне действительно могли бы пригодиться некоторые рекомендации https://codesandbox.io/p/github/laceywa ... %2522%252C %2522rootPanelGroup%2522%253A%257B%2522направление%2522%253A%2522горизонтальный%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522тип%2522%253A%2522P ANEL_GROUP%2522%252C%2522id%2522%253A %2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C% 2522направление%2522%253A%2522вертикальное%2522 %252C%2522id%2522%253A%2522cly998d7u0006356j6nj5inmj%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B %257B%2522тип%2522%253A%2522PANEL_GROUP%2522%252C %2522contentType%2522%253A%2522EDITOR%2522%252C%2522направление%2522%253A%2522горизонтальный%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A %255B%257B%2522тип%2522 %253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cly998d7u0002356jxbhb6342%2522%257D%255D%257D %252C%257B%2522тип%2522%253A%2522PANEL_GROUP%2522 %252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522направление%2522%253A%2522горизонтальный%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522 %253A%255B%257B%2522тип %2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cly998d7u0004356jqmu4gmrb%2522%257D%255D %252C%2522размеры%2522%253A%255B100%255D%257D %255D%257D%252C%257B%2522тип%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522направление%2522%253A%2522вертикальное%252 2%252C%2522id%2522%253A %2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id %2522%253A%2522cly998d7u0005356jcuxs3r2e%2522 %257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522 %253A%257B%2522cly998d7u0002356jxbhb6342%2522 %253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cly998d7u0001356jze90acrd%2522%252C%2522mode%2522%253A%2522permanent%2522%25 2C%2522тип%2522%253A%2522ФАЙЛ%2522%252C %2522filepath%2522%253A%2522%252FREADME.md%2522%257D%255D%252C%2522id%2522%253A%2522cly998d7u0002356jxbhb6342%2522%252C%2522activeTabId%252 2%253A%2522cly998d7u0001356jze90acrd%2522%257D%252C%2522cly998d7u0005356jcuxs3r2e%2522 %253A%257B%2522id%2522%253A%2522cly998d7u0005356jcuxs3r2e%2522%252C%2522activeTabId%2522%253A%2522cly99i8ez00ke356ji0itppio%2522%252C%2522 tabs%2522%253A%255B%257B%2522тип%2522%253A%2522TASK_PORT%2522%252C %2522port%2522%253A5173%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522cly99i8ez00ke356ji0itppio%2522%252C%2522mode%2522% 253A%2522постоянный%2522%252C%2522путь%2522%253A %2522%252F%2522%257D%255D%257D%252C%2522cly998d7u0004356jqmu4gmrb%2522%253A%257B%2522id%2522%253A%2522cly998d7u0004356jqmu4gmrb% 2522%252C%2522activeTabId%2522%253A%2522cly99dtlm00ax356jlypccmkg%2522%252C%2522tabs%2522 %253A%255B%257B%2522id%2522%253A%2522cly998d7u0003356jj19y3t8e%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A% 2522TERMINAL%2522%252C%2522shellId%2522%253A%2522cly9932fv000ydljtcvfu2p7o %2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522cly99dtlm00ax 356jlypccmkg%2522%252C%2522режим%2522%253A %2522permanent%2522%257D%255D%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%25 22sidebarPanelSize%2522%253A15%257D

Подробнее здесь: https://stackoverflow.com/questions/787 ... -functiona