rglkart/css/art.css

.series {
	display: grid;
	gap: 1rem;

	h2 {
		text-align: center;
		grid-area: h2;
	}

	.imgset {
		grid-area: img;
		display: flex;
		justify-content: center;
		gap: 1rem;
		max-width: 100%;
		flex-flow: row wrap;

		img {
			max-height: 33vh;
			width: auto;
		}
	}

	.blurb {
		grid-area: blurb;
	}
}

.series:nth-child(odd) {
	grid-template-columns: 3fr 2fr;
	grid-template-areas:
		"h2 img"
		"blurb img"
		". img";

	h2, .blurb {
		text-align: right;
	}
}