.hero--container {
	position: relative;
	padding: calc(var(--theme-menu-height) + 0px) 30px 60px;
	max-width: 1500px;
	margin: 0 auto;
}

.hero--image {
	position: relative;
	border-top-right-radius: var(--theme-radius);
	overflow: hidden;
}

.hero--image:before {
	content: "";
	display: block;
	padding-bottom: 56%;
}

.hero--image img {
	position: absolute;
	top: 0;
	left: 0;
}