diff --git a/themes/V3/5ePHB/style.less b/themes/V3/5ePHB/style.less
index 3801d9c8f..8f09c0f28 100644
--- a/themes/V3/5ePHB/style.less
+++ b/themes/V3/5ePHB/style.less
@@ -305,11 +305,18 @@
 			margin-left           : -0.16cm;
 			background-color      : var(--HB_Color_MonsterStatBackground);
 			background-image      : @monsterBlockBackground;
+			background-blend-mode : overlay;
 			border-style          : solid;
 			border-width          : 7px 6px;
 			border-image          : @monsterBorderImage 14 round;
 			border-image-outset   : 0px 2px;
 			box-shadow            : 1px 4px 14px #888888;
+
+			//only for IOS devices
+			@supports (-webkit-touch-callout: none) {
+				background-image      : @monsterBlockOverlay;
+				background-blend-mode : normal;
+			}
 		}
 
 		position      : relative;
diff --git a/themes/assets/assets.less b/themes/assets/assets.less
index 0d44519ef..f880bce77 100644
--- a/themes/assets/assets.less
+++ b/themes/assets/assets.less
@@ -6,7 +6,8 @@
 @monsterBorderImageLegacy : url('/assets/monsterBorderLegacy.png');
 @noteBorderImage          : url('/assets/noteBorder.png');
 @descriptiveBoxImage      : url('/assets/descriptiveBorder.png');
-@monsterBlockBackground   : url('/assets/parchmentBackgroundOverlayed.jpg');
+@monsterBlockBackground   : url('/assets/parchmentBackgroundGrayscale.jpg');
+@monsterBlockOverlay   : url('/assets/parchmentBackgroundOverlayed.jpg');
 @monsterBorderImage       : url('/assets/monsterBorderFancy.png');
 @codeBorderImage          : url('/assets/codeBorder.png');
 @classTableDecoration     : url('/assets/classTableDecoration.png');