JSFiddle - React, Tailwind, and code Playground

HTML

<div class="home-auto-interactive">
	<div class="tv-screen">
		<iframe width="100%" height="100%" src="http://www.youtube.com/embed/9NFUgVa68hw?autoplay=1&rel=0&controls=0&showinfo=0&disablekb=1&iv_load_policy=3&modestbranding=1" frameborder="0" allowfullscreen></iframe>
	</div>
	<div class="iphone-screen"></div>
</div>

CSS

* {
    margin:0;
    padding:0;
}
.home-auto-interactive {
	width: 1250px;
	height: 700px;
	background-color: gray;
	background-image: url('http://www.testing.agcomputers.net/style/images/Room_1.jpg');
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	overflow: hidden;
	-webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
    position:relative;
}
.tv-screen {
	width:101px;
	height:54px;
	position: absolute;
    top:5px;
    left:7px;

	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	-o-transition: -o-transform .5s;
	-ms-transition: -ms-transform .5s;
	transition: transform .5s;

	-webkit-transform: rotateY(-2deg) rotateX(0deg) rotateZ(0deg) translateX(626.7%) translateY(490%);
	-moz-transform: rotateY(-2deg) rotateX(0deg) rotateZ(0deg) translateX(626.7%) translateY(490%);
	-o-transform: rotateY(-2deg) rotateX(0deg) rotateZ(0deg) translateX(626.7%) translateY(490%);
	-ms-transform: rotateY(-2deg) rotateX(0deg) rotateZ(0deg) translateX(626.7%) translateY(490%);
	transform: rotateY(-2deg) rotateX(0deg) rotateZ(0deg) translateX(626.7%) translateY(490%);
}

.iphone-screen {
	width: 283px;
	background-color: black;
	background-image: url('http://www.testing.agcomputers.net/style/images/iphone_screen_test.jpg');

	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height:355px;
	bottom: 12.7%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 0.5s linear 10.0s;
	-moz-transition: opacity 0.5s linear 10.0s;
	-o-transition: opacity 0.5s linear 10.0s;
	-ms-transition: opacity 0.5s linear 10.0s;
	transition: opacity 0.5s linear 10.0s;

	-webkit-transform: rotateY(-0.75deg) rotateX(1deg) rotateZ(-3deg) translateX(18.5%) translateY(0%);
	-moz-transform: rotateY(-0.75deg) rotateX(1deg) rotateZ(-3deg)...