diff --git a/docs/render/recipe.css b/docs/render/recipe.css
index de455e8..09fe294 100644
--- a/docs/render/recipe.css
+++ b/docs/render/recipe.css
@@ -14,6 +14,7 @@ body {
   rgba(16, 12, 12, 0.54);
   --hover-background-color:
   rgba(16, 12, 12, 0.07);
+  --image-placeholder-color: var(--hover-background-color);
   --background-color:white;
 }
 
@@ -21,7 +22,7 @@ body {
   width: 100%;
   padding-top: 61.8%;
   max-height:1vh;
-  background-color: gray;
+  background-color: var(--image-placeholder-color);
   background-size: cover;
   background-position: center;
   margin-bottom:2em;