/* Gutenberg content uses the existing blog typography. */
.solution-article-page .blog-article__content .solution-gallery {
	position: relative;
	left: 50%;
	width: min(calc(100vw - 48px), 1840px);
	max-width: none;
	margin: 30px 0 36px;
	transform: translateX(-50%);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

.solution-article-page .solution-gallery .wp-block-image img {
	min-height: 0;
	aspect-ratio: 5 / 3;
	object-fit: cover;
}

@media (max-width: 680px) {
	.solution-article-page .blog-article__content .solution-gallery {
		width: calc(100vw - 28px);
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}
}