diff --git a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
index 6e0604dd..609a6831 100644
--- a/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
+++ b/GanjooRazor/Pages/_GanjoorPagePartial.cshtml
@@ -757,13 +757,14 @@
                                                     <div class="width-100per">
                                                         <div class="related-image-container-main">
                                                             <a target="_blank" href="@Html.Raw(image.TargetPageUrl)">
-                                                                <img src="@Html.Raw(image.ThumbnailImageUrl)" alt="@image.AltText" loading="lazy" class="related-image-main">
+                                                                <div class="main-image-container">
+                                                                    <div class="main-image-ribbon">منبع کاغذی گنجور</div>
+                                                                    <img src="@Html.Raw(image.ThumbnailImageUrl)" alt="@image.AltText" loading="lazy" class="main-image-source">
+                                                                    <div class="related-image-is-text-source">
+                                                                        <div class="width-100per">@image.AltText.ToPersianNumbers()</div>
+                                                                    </div>
+                                                                </div>
                                                             </a>
-                                                            <div class="related-image-is-text-source">
-                                                                <div class="width-100per background-darkgreen"><strong>منبع کاغذی گنجور</strong></div>
-                                                                <hr />
-                                                                <div class="width-100per"><a target="_blank" href="@Html.Raw(image.TargetPageUrl)">@image.AltText.ToPersianNumbers()</a></div>
-                                                            </div>
                                                         </div>
                                                     </div>
                                                    
diff --git a/GanjooRazor/wwwroot/css/p8.css b/GanjooRazor/wwwroot/css/p8.css
index 310ded8c..451ca281 100644
--- a/GanjooRazor/wwwroot/css/p8.css
+++ b/GanjooRazor/wwwroot/css/p8.css
@@ -2137,6 +2137,35 @@ mark {
         color: white !important;
     }
 
+.main-image-container {
+    position: relative;
+    display: inline-block; /* Changed to inline-block for better control */
+    width: fit-content;
+    border: 5px solid darkgreen;
+}
+
+.main-image-ribbon {
+    position: absolute; /* Changed to absolute for precise positioning */
+    top: 0; /* Align to the top edge of the container */
+    right: 0; /* Align to the right edge of the container */
+    background-color: darkgreen;
+    color: white;
+    padding: 5px 20px;
+    font-size: 16px;
+    font-weight: bold;
+    /* Clip the corners */
+    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%, 10% 50%);
+    z-index: 10;
+}
+
+.main-image-source {
+    display: block;
+    max-width: 100%;
+    height: auto;
+}
+
+
+
 @media(prefers-color-scheme: dark) {
     body {
         background: rgba(0, 0, 0, 0.9);