.wrapper-hero{
	display: flex;
	align-items: center;
	padding: 4rem;
	gap: 6rem;
	background-position: center;
	position: relative;
	border-radius: 12px;
	&:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 0) 100%);
		background: white;
	}
	.hero-image, .content-hero{
		z-index: 5;
	}
	.hero-image{
		 width: min(340px, 24vw);
	}
	.content-hero{
		
	}
}