当我使用位置粘性ios Safari在手机上时溢出内容错误

Question

我想在截面内使用两个块的位置粘性块（第一个）。第一个粘块是图像，其次是任何具有白色背景的内容。

demo link

html：css：

<section>
  <div class="first">
    <img src="https://images.unsplash.com/photo-1604311795833-25e1d5c128c6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=654&q=80" alt="asd">
  </div>
  <div class="second">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex voluptatum sit tempore libero, temporibus ea maxime consequatur pariatur incidunt iste.</div>
</section>

css：

section {
    position: relative;
    display: flex;
    flex-direction: column;
}
.first {
    position: sticky;
    top: 0;
}
img {
    max-width: 100%;
    display: block;
}
.second {
    font-size: 62px;
    z-index: 1;
    background: white;
}

它可以正常工作，但是对于Safari中的iOS设备，我们可以看到我们可以看到的一部分。图像。我们还可以在Safari移动模拟器中检测到它。 screenshot-bug

如果我添加属性溢出：hissed for parent for for parent for for parent for parent section section searve naterve butsion nocation却无法正常工作：sticky无法正常工作。

我们可以为这个问题提供另一个解决方案吗？ 先感谢您！ 问候