[Fading in and out - opacity 0, 1, 0]

Hi PointC. Thank you so much for the warm welcome and providing me with a solution. Really appreciate it! 

[Fading in and out - opacity 0, 1, 0]

Hi. I have not been able to find  a solution and was hoping someone could help. Basically, I am trying to fade in/out an svg during the animation. At start, I would like to have the opacity transition from 0 at 0 seconds to 1 at 5 seconds (or half way through) and then again transition to 0 at 10 seconds (or the end of the animation). I need this animation to repeat infinitely. How can I achieve this? 

 

var snow = $("#snowflake");
var tl = new TimelineMax();var bezierPath = [{ x: 5, y: 4 }, { x: -5, y: 8 }, { x: 5, y: 12 },{ x: -5, y: 16 }];
tl.add(TweenMax.set(snow,{autoAlpha:0}));tl.add(TweenMax.to(snow, 10, { bezier: {
            type: 'soft',
            values: bezierPath,
            smoothOrigin: true,
            timeResolution: 12,
            autoAlpha:1
          }, ease: Linear.easeNone, repeat:-1, autoAlpha:0}));