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