iOS设备背景图片显示异常求助：图片过度放大问题

开发网站时遇到异常：iOS设备上背景图片过度放大，但桌面端、安卓设备及开发者工具响应式控制台显示均正常。

相关截图：

• 开发者控制台显示：
• iOS设备异常显示：
• 桌面端正常显示：

当前使用的CSS代码：

.bg-pronight {
    width: 100vw;
    height: 200vh;
    background-image: url('../assets/pronighthpimg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.headingpronight{
    font-size: 8vw;
    margin: 0px;
}
#aboutus{
    padding: 0.5% 0%;
    /* margin-top: 3.5rem; */
}
@media only screen and (max-width:500px){
    .headingpronight{
        font-size: 14vw;
    }
    .bg-pronight{
        background-position: center;
        background-size: auto;
    }
}

已尝试Stack Overflow上的相关方案，但问题未解决，希望得到修复该iOS背景图片放大问题的帮助。

内容的提问来源于stack exchange，提问作者U-33