.Hands are broken on mobile (safari browser)

[0xchya]

The 6th picture (.hands) are cropped to very small part of the original picture when opened in safari / mobile. Though it's works fine on google chrome (desktop) and chrome (mobile emulator)

background-attachment: fixed;

I have modified as follow, it's work fine on safari / mobile, but the animation is bad, unlike the original where the picture are covered by the next container.

.hands {
height: 120vh;
width: 100%;
background-image: url(xxxx);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-background-size: cover;
}

@media (max-width: 1000px) {
.hands {
background-image: url(xxx);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
}