.image-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 10px;
	max-width: 800px;
	margin: 5% auto;
}

.main-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.side-images {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.side-images img {
	width: 100%;
	height: calc(50% - 5px);
	object-fit: cover;
}

.title-txt {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 3.125rem;
	text-align: left;
	width: 100%;
}

.explain-txt {
	margin-top: 0;
	text-align: left;
	font-size: 1.5625rem;
}

@media screen and (max-width: 700px) {
	.image-grid {
		display: flex;
		flex-direction: column;
	}

	.title-txt {
		font-size: 1.875rem;
	}

	.explain-txt {
		font-size: 1.25rem;
	}
}