我正面临着一个问题，我正在工作的一个网站的响应能力，特别是在iPhone上。该网站是使用Bootstrap 5构建的，在Android手机和Chrome开发工具中似乎运行正常。然而，当我在iPhone上测试时，某些元素无法正常显示。
为了提供问题的可视化表示，请在下面找到说明该问题的几个屏幕截图：
| 安卓系统|iPhone|
| --------------|--------------|
|

|

|
这个问题似乎与网站的布局和组件在iPhone上的呈现方式有关。元素未正确对齐，并且整体布局看起来扭曲。在Android设备上或使用Chrome Dev Tools模拟不同的移动的设备时不会观察到此行为。
如果你想自己看网站，这是页面：https://sbriser.com/universo/personaggi/Sbriser
我已经尝试了一些故障排除步骤，如下所示：
已确保在HTML部分中使用viewport meta标记：
html
尽管有这些尝试，但响应问题在iPhone上仍然存在。我怀疑可能有一些CSS冲突或特定的iPhone相关的样式，我忽略了。
如果有人遇到类似的问题，或者有Bootstrap 5和响应式网页设计的专业知识，我将非常感谢您的指导和帮助。是否有任何额外的CSS规则或JavaScript调整可以帮助确保iPhone的正确响应？
提前感谢您的时间和专业知识。