Webpage loses functionality on Safari but is fine on Chrome - html

Can someone help me understand why certain things aren't working on safari but do on chrome?
These are apparent on both mobile and desktop.
So here is the website I'm currently working on: http://stage.coefficientlabs.com.s3.amazonaws.com/index.html
Problems:
1. The hero video plays smoothly on Chrome but not on Safari.
2. (main issue) Once the "Get Started" button is clicked, a modal appears. All the styling and content seemingly hidden(?) on Safari but not on Chrome.
Any idea what is going on here?
Thank you!

Turns out the issue was "overflow: hidden". I think is a known difference for Safari in general.

Related

Brave Browser / Bug with scrolling - Return to top of the page

there is a bug regarding scrolling when opening https://www.streampicker.de/ with the Brave Browser. After scrolling down a bit, the website jumps back to the top.
Video to show it in action: https://www.dropbox.com/s/37suikq9awxix7c/StreamPicker%20-%20Brave%20Browser%20-%20Scrolling.mov?dl=0
It works perfectly with all other browsers including Chrome. Brave is on the latest version with no other external extensions installed.
Any ideas what could cause that problem and how to fix it - in the browser or in the code of the website itself?
Thanks!

Safari and mobile Safari randomly missing images BUG?

Im trying to figure out why we randomly misses images when looking on mobile safari and desktop safari. Google Chrome is always working for me.
Is this a bug or is there anything i can change to make it render all the images. It is totaly random and never had this problem before.
http://www.fantasticfrank.se/stockholm/till-salu

HTML5 Video Background not working on Safari

This is the website that I'm building: http://franciscouto.pt/woodkid/
It works perfectly in Chrome and Firefox but not on Safari. The website doesn't even load. It always give the error "A problem repeatedly occurred with "http://franciscouto.pt/woodkid/" Reload webpage.
Thanks in advance

Page doesn't scroll in Chrome on iOS

I have this really weird problem. Our Tumblr blog home page http://blog.wigo.us doesn't scroll in Chrome on iOS. It scrolls just fine in any browser on desktop, any browser on Android and in Safari on iOS. But the latest version of Chrome in iOS8 just refuses to scroll the page.
The effect is basically like somebody put overflow:hidden on body element and gave it width=100%, height=100%. I looked through CSS of the theme and didn't find anything suspicious. I even run iPhone emulation in Google Developer tools - everything works just fine.
It would be awesome if someone had a similar problem and could point me in the right direction.

Nivo slider stops in second slider on Chrome

This is the site: http://hugsforkids.com.au/
The homepage slider occasionally stops in the second slider. This doesn't happen every time, but it happens quiet often.
The slider works on firefox, safari. Just has issue on Chrome. This is very wield, there is no js error.
Does anyone know what's going on with this slider and chrome?
Site was made by opencart 1.5.1, it is a sefault Nivo slider.
Many Thanks
Never faced this kind of problem before.
May be you can try this
http://doctype.com/does-my-nivo-slideshow-transition-stop-working-after-second-slide