title styling, art series styling

css/art.css

@@ -1,16 +1,39 @@
-h2 {
-	text-align: center;
-}
-
-.imgset {
-	display: flex;
-	justify-content: center;
+.series {
+	display: grid;
 	gap: 1rem;
-	max-width: 100%;
-	flex-flow: row wrap;
 
-	img {
-		max-height: 33vh;
-		width: auto;
+	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;
 	}
 }