JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TimelineMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/jquery.gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/jquery.ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
<section id="sliders">
  <div id="img-wrap">
    <img id="myimg" src="http://clip2net.com/clip/m0/69cf2-clip-19kb.jpg?nocache=1">
  </div>
</section>

CSS

#sliders
{
    z-index: -1;

    height: 1300px;
}
#sliders #img-wrap
{
    position: relative;

    width: 100%;
    height: 100%;
}
#sliders #img-wrap img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);
}
#sliders #img-wrap img#img1
{
    z-index: 3;
}
#sliders #img-wrap img#img2
{
    z-index: 2;
}
#sliders #img-wrap img#img3
{
    z-index: 1;
}

JavaScript

$(function(){
    
    var controller = new ScrollMagic.Controller();

/* Tweens */
    var images = [
		"http://clip2net.com/clip/m0/69cf2-clip-19kb.jpg?nocache=1",
		"http://clip2net.com/clip/m0/1a1a7-clip-24kb.jpg?nocache=1",
		"http://clip2net.com/clip/m0/05897-clip-27kb.jpg?nocache=1"
	];
    var obj = {curImg: 0};
    var tween = TweenMax.to(obj, 0.5,{
        curImg: images.length - 1,
        roundProps: "curImg",
        immediateRender: true,	
        ease: Linear.easeNone,
        onUpdate: function(){
            $("#myimg").attr("src", images[obj.curImg]);
            console.log(obj.curImg);
        }
    });
       
   
    /* Scenes */
    var scene = new ScrollMagic.Scene({triggerElement: '#sliders',  triggerHook: 0, duration: 500});
	scene
	 	.setTween( tween )
	    .addIndicators()
	 	.addTo(controller);
    
});