在 Next 13 中，如何在尺寸不同的情况下以相同的宽度和高度在网格中显示图像？

在 Next 12 中，我的博客有一个组件可以使图像具有相同的尺寸

    <div
      key={title}
      className="flex flex-col rounded-lg shadow-lg overflow-hidden"
    >
      <div className="flex-shrink-0">
        <Image
          className="w-full object-cover"
          height={300}
          width={600}
          src={cover_image}
          alt={title}
        />
    </div>

the website looks as following

However, on new update the image are all over the place

从进一步检查来看，它似乎与原始图像尺寸直接相关。但是，下一个/图像高度和宽度上的图像尺寸似乎不起作用。

import Image from "next/legacy/image";

暂时解决问题