Невозможно настроить размер программы просмотра моделей на сайте Squarespace

Question

В настоящее время я пытаюсь добавить пользовательский код дополненной реальности, используя model-viewerбиблиотека на моем сайте Squarespace. Все работает хорошо, кроме размера порта просмотра. Что бы я ни делал, я не могу сделать рендер больше. Зафиксирован как маленький размер. Я могу жестко указать высоту и ширину на определенное значение в пикселях, но я предпочитаю позволить библиотеке CSS выполнить настройку размера в соответствии с размером контейнера, в котором она находится.

Как я могу настроить средство просмотра модели так, чтобы оно соответствовало размеру div?

Вот код, который я ввел:

       <center>
  <div>
    <model-viewer alt="Astronaut model" camera-controls camera-orbit="calc(-1.5rad + env(window-scroll-y) * 4rad) calc(0deg + env(window-scroll-y) * 180deg) calc(3m - env(window-scroll-y) * 1.5m)" src="https://cdn.glitch.com/36cb8393-65c6-408d-a538-055ada20431b/Astronaut.glb?1542147958948" ios-src="https://cdn.glitch.com/36cb8393-65c6-408d-a538-055ada20431b/Astronaut.usdz?v=1569545377878" ar>
</div>

</center>