无法在网格tailwindcss中对齐图像

我有一个与顺风CSS网格系统的问题。我在底部有点滞后于这两张图片。我似乎找不到解决这个问题的办法

<div class="grid grid-cols-4 grid-rows-2 gap-4">
        <div class="col-start-1 col-span-2 row-start-1 row-span-2">
            <img src=".." class="rounded-lg"/>
        </div>
        <div class="col-start-3 col-span-1 row-span-1">
            <img src="..." class="rounded-lg"/>
        </div>
        <div class="col-start-4 col-span-1 row-span-1">
            <img src="..." class="rounded-lg"/>
        </div>
        <div class="col-span-2 row-start-2 row-span-1">
            <img src="..." class="rounded-lg"/>
        </div>
    </div>

---

你有什么想法吗？我遗漏了什么吗？

尝试用

将图像高度的规则覆盖到100%！重要信息

以及

对象适合度：盖

和

宽度：100%

。像这样：

img{
宽度：100%；
身高：100%！重要；
对象匹配：覆盖；
}