JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="jumbotron text-center">
        <div class="row">
            <!-- Slideshow Left -->
            <div class="slideshowcontainer">
                <div class="phone">
                    <div class="col-md-6">
                        <div class="fadein">
                            <img src="http://www.iphonewallpaperhi.com/wp-content/uploads/20130921/ios7-gradient-dots-iphone-hd-wallpaper-iphonewallpaperhi.com-426-320x480.jpg">
                            <img src="http://www.iphonewallpaperhi.com/wp-content/uploads/20121031/gradient-iphone-hd-wallpaper-iphonewallpaperhi.com-502-320x480.jpg">
                            <img src="http://www.iphonewallpaperhi.com/wp-content/uploads/20130920/ios7-orange-dots-iphone-hd-wallpaper-iphonewallpaperhi.com-776-320x480.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <!-- Description Right -->
            <div class="col-md-6">
                 <h1>√oots</h1>

                <p>This is some shit about the game.</p>
            </div>
        </div>
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 .jumbotron {
    height: 600px;
}
.container {
    padding-top: 65px;
}
.fadein {
    position:relative;
    width:311px;
    height:480px;
	top: 40px;
	z-index: -1;
}
.fadein img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
	opacity: 0.5;
}
.phone {
    width: 311px;
    height: 573px;
    background-image: url('http://www.smoothsand.com/gradeply/images/mockup%20galaxy%20nexus.png');
}

JavaScript

$(function () {
        $('.fadein img:gt(0)').hide();
        setInterval(function () {
            $('.fadein :first-child').fadeOut()
                .next('img').fadeIn()
                .end().appendTo('.fadein');
        },
        4000);
    });