Как сделать «отверстия» в наложении, чтобы показать, что находится под наложением? ⇐ Html

[Anonymous]

Я пытаюсь создать простой блок в HTML, CSS и, в конечном итоге, JS. Я понятия не имею, как это сделать, кто-то может дать мне несколько советов или сказать, как достичь этого результата? PrettyPrint-Override ">

Код: Выделить всё

.video-container {
height: 100vh;
width: 100%;
}

.video-container video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.video-overlay {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
place-items: center;
place-content: center;
background-color: rgb(4, 4, 4);
z-index: 1;
}

.text-container {
width: 100%;
height: 100%;
z-index: 2;
}

.text-line {
width: 100%;
max-height: 120px;
display: flex;
justify-content: space-between;
gap: 20px;
color: white;
font-size: 100px;
}

.video-gap {
position: relative;
width: max-content;
background-color: transparent;
flex-grow: 1;
border: 1px solid red;
}< /code>







We're here  to make
healthy  living effortless,
so you can  live longer
and happier

Подробнее здесь: https://stackoverflow.com/questions/795 ... he-overlay