如何使高度对应宽度

Question

我正在使用CSS处理图像并将此规则添加到样式表中：

.sideimage {
  width: 200px;
}

这对图像的作用是宽度为200px，但高度仍然是原始高度，因此图像现在不成比例（高度太长）。

我尝试将height: auto;添加到规则中，但它没有帮助：

.sideimage {
  width: 200px;
  height: auto;
}

必须有一个简单的解决方案，但我还没有遇到它。

这就是html的样子（不确定stacksnippet是什么意思）：

<section>
<img class="sideimage" src="images/helgafell.jpg" alt="Helgafell">
<h1>Helgafell</h1>
</section>