即使 mat-card 具有不同尺寸/纵横比的图像，它的尺寸是否一致？

Question

我正在制作一个漫画书服务器和网络应用程序来阅读它们，我有一个页面使用 mat-card 列出了您存储中的所有书籍：

.row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 16px;
}

<section>
  <div class="row">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
      <img src="https://picsum.photos/200/200" alt="">
  </div>
</section>

我遇到了一个问题，如果书的封面不是纵向纵横比，mat-card 的垂直尺寸会缩小并且看起来不一致。

我也有响应速度的问题，但这是另一个问题。

如果我能在不一致问题上得到一些帮助，那就太好了。