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

<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