Hi,   I'm getting somewhere slowly with all this, but my client is now asking for the same content to be animated differently depending on the device.   So I did a little research and thought this would work:   $(function () { var controller; controller = new ScrollMagic(); var mobile_tween = new TimelineMax() .add(TweenMax.to("figure:nth-of-type(1) .info", 0.5, {opacity: "1"})) .add(TweenMax.to("figure:nth-of-type(1) .info h2", 0.3, {opacity: "1"})) .add(TweenMax.to("figure:nth-of-t