JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<script src="http://www.snorkl.tv/dev/libs/greensock/plugins/ColorPropsPlugin.min.js"></script>
<img src="http://www.greensock.com/wp-content/themes/greensock/images/logo.png" width="192" height="65"class="photo" id="photo1"/>

<br/><br/>
<img src="http://www.greensock.com/wp-content/themes/greensock/images/logo.png" width="192" height="65"class="photo" id="photo2"/>

CSS

.photo{
  position:relative;
  
}



body{
background-color:#000;
}

JavaScript

//this works because an <img> element actually has a width attribute
var photo1 = document.getElementById("photo1");
var tween1 = TweenLite.to(photo1, 1.5, {width:400});


//marginLeft is a css property, and thus you need the CSSPlugin
var photo2 = document.getElementById("photo2");
var tween2 = TweenLite.to(photo2, 1.5, {css:{paddingLeft:10}});