如何修复Tailwind弹性布局卡片的对称收缩与图片尺寸问题

以下是各类内容的 Markdown 格式化规则：

• 标题：使用数字符号 # 定义，层级对应 # 的数量（一级标题用 #、二级标题用 ##，以此类推）
• 列表项：以短横线 - 开头创建无序列表
• 强调文本：将需要突出的文本用单个星号 * 包裹，如 需要强调的内容
• 代码/命令：用反引号 ` 包裹代码片段或命令，如 npm install
• 引用文本：在引用内容前添加大于号 >，示例：

  这是一段引用的文本内容

• 链接：采用 [显示文本](目标URL) 的格式，如 Tailwind CSS 官网
• 图片：采用 ![替代文本](图片URL) 的格式，如