Как наложить css overlay правильно?

Question

[testtoster]

Есть фоновая картинка. Как на нее наложить правильно css overlay, чтобы текст, который потом будет добавлен не перекрывал overlay?

Comments

[Rustam Bainazarov]

Код?

А так, абсолютное позиционирование и z-index.

[testtoster]

Рустам Байназаров, пробовал позиционирование, но ничего не получилось

[Rustam Bainazarov]

testtoster, очень жаль.

Образец попыток-то дадите или гадать, что вы хотели сделать?

[testtoster]

<div class="header-page header-page__top">
					<div class="header-page__overlay"  style="background-image: url(background-image.jpg);">
						
					</div>
				</div>

.header-page
	min-height: 280px
	background-size: cover
	background-position: center
	position: relative
	&::before
		background: linear-gradient(254.4deg, #64AFFA 19.14%, #3B99F6 51.95%);
	position: absolute
	content: ''
	width: 100%
	height: 280px
	top: 0
	left: 0
	opacity: .75
	z-index: 0
		background: linear-gradient(254.4deg, #64AFFA 19.14%, #3B99F6 51.95%);
		opacity: .75

[Rustam Bainazarov]

testtoster, а-ля так:

[testtoster]

Рустам Байназаров, спасибо большое