.mv {
	display: grid;
	grid-template-areas: "a";
}
.mv-bg {
	grid-area: a;
}
.mv-image {
	object-fit: cover;
	inline-size: 100%;
	block-size: 100%;
}
.mv-title {
	grid-area: a;
	align-self: center;
	background-color: hsl(0, 0%, 0%, 0.4);
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	color: #fff;
}
@media (width < 768px) {
	.mv-image {
		block-size: 200px;
	}
	.mv-title {
		padding-block: 18px;
		font-size: 22.5px;
		line-height: 35px;
	}
}
@media (width >= 768px) {
	.mv-image {
		block-size: 400px;
	}
	.mv-title {
		padding-block: 42px;
		font-size: 42px;
	}
}