.block--billboard {
	position: relative;
	background-position: var(--bg-focus-desktop-x, 50%) var(--bg-focus-desktop-y, 50%);
	@media (width < 768px) {
		background-position: var(--bg-focus-mobile-x, 50%) var(--bg-focus-mobile-y, 50%);
	}
	&:before {
		content: '';
		position: absolute;
		inset: 0;
		display: block;
		/* background: rgba(0, 0, 0, 0.4); */
		background-image: linear-gradient( to right, 
			rgba(0, 0, 0, 0.9) 0%,
			rgba(0, 0, 0, 0.7) 50%,
			rgba(0, 0, 0, 0) 100%
		);
		z-index: 1;

	}
	.billboard-content {
		position: relative;
		z-index: 2;
		padding: var(--spacing-400);
		min-height: 35rem;
		max-width: 50%;
	}
	@media (width < 768px) {
		&:before {
			background-image: linear-gradient( to right, 
				rgba(0, 0, 0, 0.9) 0%,
				rgba(0, 0, 0, 0.2) 80%
			);
		}
		.billboard-content {
			max-width: 100%;
		}
	}
}