Я пытаюсь сделать 3D-компонент, созданный в сплайне, адаптивным? Как я могу настроить холст через CSS? ⇐ CSS

[Anonymous]

Я создавал 3D-сайт, в котором использовался компонент, созданный в Spline с помощью ReactJS. Я столкнулся с проблемой, которая не позволяет мне сделать компонент отзывчивым. Когда вы проверили код, я заметил, что тег холста был сгенерирован сплайном. Как я могу настроить этот тег холста через CSS, чтобы сделать его отзывчивым. Вот код, который я использую

const Header = () => ( Мы ); Вот как выглядит проверенный код





Я попробовал стилизовать родительский элемент div. Однако каждый раз, когда я пытаюсь это сделать, соотношение сторон моего холста меняется, в результате чего высота становится больше ширины, из-за чего часть содержимого исчезает