* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; overflow: hidden;}
#container {overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
#background_video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; z-index: -9999;}
#video_cover {position: absolute; width: 100%; height: 100%; background: url('video_cover.jpeg') no-repeat; background-size: cover; background-position: center;}
#overlay {position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
#video_controls {position: absolute; left: 50%; top: 50%; transform: translate(-50%, 0);}
#mute img {width: 23px; height: 23px; background: url('blank.png') no-repeat; background-size: cover; background-position: center;}