.vidbg-container {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #444; }
.vidbg-container video {
margin: auto;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
opacity: 0; } .vidbg-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
transition: opacity 0.5s ease; }
.vidbg-tap-to-unmute {
cursor: pointer;
position: absolute;
top: 20px;
left: 20px;
background-color: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
border-radius: 5px;
transition: background-color 0.2s ease-in-out;
display: flex;
align-items: center; }
.vidbg-tap-to-unmute img {
width: 20px;
height: 20px;
margin-right: 7px; }
.vidbg-tap-to-unmute:hover {
background-color: rgba(230, 229, 229, 0.9); }