Header with HTML5 Video Background

The HTML5 video element uses an mp4 video as a source. Change the source video to add in your own background! The header text is vertically centered using flex utilities that are build into Bootstrap 4.
The overlay color can be changed by changing the background-color of the .overlay class in the CSS.
Set the mobile fallback image in the CSS by changing the background image of the header element within the media query at the bottom of the CSS snippet.