SVGをレスポンシブ対応したい

Question

実現したいこと

SVGの大きさを画面のサイズに対応させたいです。

発生している問題・分からないこと

GSAPで画面にSVGのアニメーションを実装しようと思っておりSVGをレスポンシブにしたいのですが、調べた内容で問題ないかや本来のやり方を教えてほしいです。

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

svgタグにwidth、heightを書かずcssにてブレイクポイントを設定して調整する。

css側
@media screen and (max-width: 1035px) {
svg {
width: 200px;
height: 200px;
}
}

HTML側
<svg viewBox="0 0 200 200"></svg>

補足

特になし