Diff mask for even/odd pages

themes/V3/5ePHB/style.less

@@ -798,21 +798,24 @@
 	//*****************************
 	// *         PART COVER
 	// *****************************/
-	.page .partCover {
+	.page {
+		.partCover {
 			background-image: @partCoverHeader;
 			background-repeat: no-repeat;
 			position: absolute;
 			background-size: 100%;
 			inset: 0;
+
 			img {
 				position: absolute;
 				inset: 0;
-			height:100%;
-			mask-image: @partCoverMask;
+				height: 100%;
+				mask-image: @partCoverMaskOdd;
 				mask-size: 816px;
-			-webkit-mask-image: @partCoverMask;
+				-webkit-mask-image: @partCoverMaskOdd;
 				-webkit-mask-size: 816px;
 			}
+
 			h1 {
 				text-align: center;
 				text-transform: uppercase;
@@ -825,6 +828,7 @@
 				overflow: hidden;
 				margin-inline: auto;
 			}
+
 			h2 {
 				text-align: center;
 				font-family: MartelSansBlack;
@@ -835,4 +839,9 @@
 				margin-top: -5px;
 			}
 		}
+		&:nth-child(even) .partCover img {
+			mask-image: @partCoverMaskEven;
+			-webkit-mask-image: @partCoverMaskEven;
+		}
+	}
 }

themes/assets/assets.less

@@ -11,7 +11,8 @@
 @codeBorderImage          : url('/assets/codeBorder.png');
 @classTableDecoration     : url('/assets/classTableDecoration.png');
 @partCoverHeader          : url('/assets/partCoverHeader.png');
-@partCoverMask            : url('/assets/partCoverMask.png');
+@partCoverMaskOdd         : url('/assets/partCoverMaskOdd.png');
+@partCoverMaskEven         : url('/assets/partCoverMaskEven.png');
 
 // Watercolor Images
 @watercolor1  : url('/assets/watercolor/watercolor1.png');