如何只显示响应svg的一部分而不保留完整的svg大小

Question

我和svg等所有这些东西都有点新手。无论如何，我做得很好，但我有一点问题。我有一个svg徽标，响应。当屏幕很大时它显示整个徽标，但对于手机等，它只显示它的主要部分。问题是它显示我想要的东西，但它保持完整的svg的大小。我喜欢只展示一个部分并玩它，所以我能适应一切，我爱。我自己解释得好吗？我希望如此，无论如何我粘贴代码并带上一些截图，以便您更好地理解。谢谢。

我的网站部分徽标未显示：

整个徽标，不是风格化的：

这是我的内联svg代码：

<dependencies>
  <module name="javax.validation.api" slot="1.1" export="true"/>
</dependencies>

这里是我的CSS：

<svg xmlns="http://www.w3.org/2000/svg" id="logo" viewBox="0 0 935 502">
    <g id="logo-resto">
        <path d="x" id="logo-jamon-fondo"/>
        <path d="x" id="logo-delicatessen"/>
        <path d="x" id="logo-jamon"/>
    </g>
    <path d="x" id="logo-iberico"/>
</svg>