恼人的 x 轴溢出在 chrome 移动浏览器上创建空白

我刚刚为自己完成了一个简单的作品集网站，具有讽刺意味的是，我无法摆脱 chrome 移动浏览器屏幕右侧的空白。 firefox 或duckduckgo 浏览器中没有。

该网站是 Tierneywebdevelopment.com。

我已经尝试了所有这些，这些都保留在 css 中：

html,
body {
  overflow-x: hidden !important;
  margin: 0px !important;
  padding: 0px !important;
  scrollbar-width: thick;
  width: 100% !important;
}

我已经下载了溢出检测器的 chrome 扩展，它说没有元素超过其父元素的宽度。

有人有任何想法或解决办法吗？