diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 03bf195..bde529f 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -13,8 +13,8 @@
                     <img src="{{ .Params.image }}" alt="{{ .Title }}" class="detail-image">
                 </div>
             {{ else }}
-                <div class="detail-image-placeholder" style="background-color:{{ if eq .Params.category "Books" }}#004d40{{ else if eq .Params.category "Movies" }}#01579b{{ else if eq .Params.category "TV Series" }}#4a148c{{ else if eq .Params.category "Recipes" }}#b71c1c{{ else if eq .Params.category "YouTube" }}#f44336{{ else }}#546e7a{{ end }}">
-                    <div class="placeholder-initial">{{ substr .Title 0 1 }}</div>
+                <div class="detail-image-container"> <!-- Using the same container as the main image -->
+                    <img src="/images/no-cover-available-yet.png" alt="{{ .Title }} - No cover available" class="detail-image"> <!-- Reusing detail-image class -->
                 </div>
             {{ end }}
             
diff --git a/static/img/no-cover-available-yet.png b/static/img/no-cover-available-yet.png
new file mode 100644
index 0000000..df3e7be
Binary files /dev/null and b/static/img/no-cover-available-yet.png differ