1) I opened my MacBook to test your website using Safari 8.0.4 (Mac OS: Yosemite 10.2). I resized Safari and your animation is responsive and your sound runs fine.
2) I opened my iPad (iOS 8.2) using Safari. It runs fine as previously.
I didn't test an iPhone.
About responsive: what does it mean?
Just tested this on an iPhone 6 Plus and and iPad. Responsive scaling works for height and width correctly on both devices.
How does it display for you - does it fill the screen and only show part of the banner? Can you post a screen shot to explain what isn't working?
I found a solution elsewhere, and gave it a try. Sorry for not updating my post. I enclosed the animation in a parent div (edited the HTML code that was generated) and that seemed to do it.
I love the design and the creative scrubber!
Thanks! It's only my second Edge project, and the first one with this level of complexity.