Серый бар, который появляется каждый раз, когда я загружаю свой файл GLB ⇐ CSS

[Anonymous]

Я пытаюсь импортировать трехмерную модель на свою страницу HTML (я использовал ИИ для помощи), и когда я это делаю, я вижу эту серую панель в верхней части моей модели каждый раз, когда обновляюсь. У кого -нибудь есть подсказка о том, как от него избавиться? Я добавил справочную фотографию. < /P>
html < /p>

Код: Выделить всё

 



3D Avatar

css:
@import url ('https://fonts.googleapis.com/css2?famil ... splay=swap');

Код: Выделить всё

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #f5f5f5;
font-family: 'Raleway', sans-serif;
height: 100vh;
width: 100vw;
overflow: hidden;
display: flex;
justify-content: flex-end;
align-items: center;
}

#model-container {
width: 60vw;
height: 80vh;
padding: 0;
margin: 0;
transform: translateX(20px);
}

#model-container model-viewer {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
}

серая полоса, которая появляется поверх модели

Подробнее здесь: https://stackoverflow.com/questions/795 ... y-glb-file