JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<div id="SlideDiv">
    <div class="fadein">
        <img src="img1.jpg"/>
        <img src="img2.jpg"/>
        <img src="img1.jpg"/>
    </div>
</div>

CSS

#SlideDiv {
    position: absolute;
    height:50px;
    width: 100px;
    background:#696969;
    top:400px;
    left: 502px;
}
.fadein {
    position:relative;
    border: 3px solid #838383;
    padding: 1px;
    width:852px;
    height:480px;
    left: 500px;
    top: 200px;
}
.fadein img {
    position:absolute;
    left:500;
    top:300;
    width: 852px;
    height: 480px;
}