防止水平滚动而不隐藏身体溢出

Question

我有一个大元素（在这种情况下是一个图像，但它可以是任何DOM元素），它流过屏幕的右侧，并且与标题元素和它下面的元素重叠，大小合适其父母身高的125％。我可以阻止body / html上的overflow-x: hidden水平滚动，但重新加载页面时，滚动位置会被重置。有没有办法解决这个问题？

演示：https://jsfiddle.net/2om58vw7/