JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"><div id="projector"><div id="cycle"></div>
<video id="vidbkg" src="http://davetaylormp.com/abomb.mp4" autoplay onended="myFunction()"></video>
</div>
<h3 class="center">Dave Taylor Motion Pictures | 2834 Wood Hill Ln | Darlington SC 29532 | 843-260-7108</h3></div>
<script>function myFunction() {    document.getElementById("vidbkg").style.visibility = "hidden";}</script>

CSS

#projector {  
width: 639px;  
height: 480px;
background-image: url(http://davetaylormp.com/images/projectorpage.gif), url(http://davetaylormp.com/images/projectorpage2016.png);  
background-repeat: no-repeat, no-repeat;  
background-position: 111px 301px, 0px 0px;}

#vidbkg {
position: relative;
left: 170px;
bottom: 270px;
z-index: -1;
}
#cycle{ width: 360px; height: 270px;position: relative; left:170px;background: url(http://davetaylormp.com/images/cycle2.gif);z-index:-2;}
.container{margin: 0 auto; width: 639px;border: 1px solid;}
.center{margin: 0 auto;text-align: center;}