Inertia Scroll Code / Modal pop up crop

Hi!

I would like to add inertia scrolling to the side scrolling CMS elements on my Team page. (Phone versions)
I found this code and placed it in the header sectino, and the scrolling is working great.

Until you click the individual person on Team page and the Modal pop up is being cropped (appearing behind a section) (Img 01). The Modal pop up works fine when i delete the code. (Img 02)

Img 01

Img 02

Would anyone be able to help please?
I’m pretty new to webflow and doesn’t know coding :S

Thank you in advance.

Tom

Code & links below:

<style media="screen" type="text/css"> 
html {
  -webkit-overflow-scrolling: touch;
}
</style>

Designer Preview

Live link

Please try to format your code in this forum. Poorly formatted questions are difficult to understand.

To format code, select each code block and click the (Preformatted text) button.

Screenshot_2018-02-01_100238

Thanks for the help Sam!
Will definitely make sure the codes are formatted correctly next time. :wink: