下面是一个例子

这是我代码

<div className="lg:flex gap-10 mx-auto">
    <div className="text-center shadow-lg p-10 rounded-xl my-10 border-4 border-teal-600 flex-auto   items-center">
        <Image src={figma1} width={"100%"} height={"100%"} layout="responsive" className="rounded-xl border-teal-600" />
        <div className="text-center shadow-lg p-10 rounded-xl my-1 flex-auto items-center">
            <h3 className="text-lg font-medium pt-8 pb-2">Less text smaller picture</h3>
            <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Vis</button>
        </div>
    </div>

我用顺风。
我不知道如何解决这个问题。我试过溢出隐藏h满等，但似乎找不到一个解决方案