add overlay to featured image (#6591)

pixl/templates/page.html

@@ -4,7 +4,7 @@
 <main class="wp-block-group">
     <!-- wp:group {"layout":{"type":"constrained"}} -->
     <div class="wp-block-group">
-        <!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","className":"pixel-shadow"} /-->
+        <!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","overlayColor":"primary","dimRatio":20,"className":"pixl-shadow"} /-->
         <!-- wp:post-title /-->
     </div><!-- /wp:group -->
     <!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->

pixl/templates/single.html

@@ -4,7 +4,7 @@
 <main class="wp-block-group">
     <!-- wp:group {"layout":{"type":"constrained"}} -->
     <div class="wp-block-group">
-        <!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","className":"pixl-shadow"} /-->
+        <!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","overlayColor":"primary","dimRatio":20,"className":"pixl-shadow"} /-->
         <!-- wp:post-title /-->
     </div><!-- /wp:group -->
     <!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->