.hero {
	width: 100%;
/*	height: auto;*/
/*	height: 20dvh;*/
	height: 55vh;
	max-height: 700px;
	position: relative;
	display: grid;
	/*grid-template-rows: 100px 1fr;*/
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	margin: 5px auto;
	/*border: 1px solid black;*/
}

.hero:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to left, transparent 0%, #111e 100%), url('../../public/img/ladyD.jpg');
	background-size: 100% 115%;
	/*background-size: fill;*/
	background-position: bottom;
	background-repeat: no-repeat;
	/*object-fit: fill;*/
	z-index: -1;
}

.hero__title-container {
	display: flex;
	flex-direction: column;
	/*font-size: 3rem;*/
	color: #fff;
	max-width: 350px;
	filter: drop-shadow(1px 1px #0000118c);
	h1 {
		text-align: left;
		padding: 0;
		span {
			display: block;
			font-size: 1rem;
			color: var(--brand-second-color);
		}
	}
	p {
		padding: 0;
		margin: 0;
		color: var(--white);
	}
}

.hero__paragraph a {
	text-decoration: none;
	margin-bottom: 20px;
	/*font-weight: 700;*/
	color: #fff;
	filter: drop-shadow(1px 1px #0000118c);
}

.container__paragraph {
	display: flex;
	margin: 20px 0;
	max-width: 290px;
	gap: 1em;
}