<div class="swiper-slide">
                        <video width="1024" height="704" id="vid" loop>
                            <source src="images/reverse.mp4" type="video/mp4">
                        </video>
                        <div id="overlay">
                            <img src="images/man.png" id="man-photo"/>
                        </div>
                    </div>


        #vid {
            width: 100%;
            height: 100%;
        }
        #overlay {
            position: absolute;
            display:block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1000;
        }
        #man-photo {
            position: absolute;
            top: 200px;
            left: 300px;
            z-index: 1200;
            display: block;
        }