JSFiddle - React, Tailwind, and code Playground

HTML

<div id="placeholder">
    <div id=carousel>

         <img src="http://www.centralpark.com/usr/photos/large/6b/pink-flower.png">

    </div>
</div>

<h1 id="rightbutton">Click Me</h1>

CSS

#placeholder {
    position: relative;
    width: 500px
    overflow: hidden;
    margin-left:100px;
}

 #carousel {
  position: absolute;
  top: 0px;
  left: 0px;
  }

JavaScript

$("#rightbutton").click(function(event){

event.preventDefault();
$("#carousel").animate({"left": "-50px"}, 10000)

});