.has-image-bg {
	position: relative;
	overflow: hidden;
}

.has-image-bg * {
	position: relative;
	z-index: 2;
}

.has-image-bg:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url('/app/uploads/2022/02/rainbow-vortex.svg'); /* если фото для фона нет, подставится шаблонный */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
}

/* Почти полное затемнение для главного верхнего блока */
.has-image-bg.dark {
	background: rgba(0,0,0,0.99);
	color: white;
}

.has-image-bg.dark a {
	color: white;
}

.has-image-bg.dark a:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
}


/* стили кнопки в верхнем блоке */
.hero-bg a.btn-order {
	background: white;
	color: rgb(var(--main-green));
}

.hero-bg a.btn-order:hover {
	color: rgba(var(--main-green), 0.4);
}