main::before {
	background-image: url(../img/greeting.jpg);
}

section {
	display: flex;
	gap: 20px;
}

section h3 {
	flex-shrink: 0;
	background: url(../img/greeting/profile.jpg) 50% 0% / contain no-repeat;
	padding-top: min(310px, calc(100% + 10px));
	width: min(300px, 100%);
	text-align: center;
}

@media (max-width: 767px) {
	section {
		flex-direction: column;
	}

	section h3 {
		align-self: center;
	}
}

section div h2 {
	background: none;
	padding: 0px 0px 40px;
	font-size: clamp(1.8rem, 1.6800000000000002rem + 0.24999999999999997vw, 2rem);
}

section div h2 span {
	display: inline-block;
}