Абсолютное позиционирование с заполнением области!

При position: absolute элемент не влияет на размеры родителя. Если контейнер не имеет высоты (контент не растягивает, высота не задана), то и растянутый overlay будет нулевой высоты, потому что сам контейнер нулевой, а не из-за схлопывания absolute.

Даём контекст позиционирования:
.container {
position: relative;
}

Теперь абсолютный слой можно растянуть по сторонам:
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

Но короче и декларативнее:
.overlay {
position: absolute;
inset: 0;
}

inset: 0 делает то же, что 4 свойства, и отлично подходит для overlay-слоёв, масок и кликабельных зон, не требуя width/height и не создавая побочный overflow, если внутри ничего не выходит за границы.

Code Ready | #совет