如何从顶部而不是底部减小css的高度

Question

我正在尝试减小图片的高度，但是从顶部而不是底部减小，我不明白为什么它总是从底部减小。这是我的代码

.pic {
  width: 300px;
  height: 220;
  overflow: hidden;
}

.pic img {
  min-width: 100%;
}

<p class="pic"> <img src=https://www.w3schools.com/css/img_5terre.jpg></p>

因此，每次我尝试减小高度时，它都会从底部减小，但是我希望它从顶部减小，而在底部保持不变。

非常感谢您的帮助