release: 1.5.8

VERSION

@@ -1 +1 @@
-1.5.6
+1.5.7

web/style/blog/blog.scss

@@ -10,6 +10,86 @@
 
     overflow: hidden;
 
+    .simurgh--blog-fnd {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+
+        padding: 7vh 0;
+
+        @media screen and (max-width: 1024px) {
+            padding: 7vh 1rem;
+        }
+        @media screen and (max-width: 1024px) {
+            padding: 7vh 5vw;
+        }
+    }
+
+    img.simurgh--blog-thumbnail {
+        width: 100%;
+        max-height: 350px;
+
+        border-radius: 16px;
+        object-fit: cover;
+
+        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    }
+
+    header {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 10px;
+
+        width: 100%;
+
+        font-size: clamp(1.2rem, 2.3vw + 0.7rem, 2.1rem);
+        font-family: 'iranBold';
+
+        white-space: nowrap;
+
+        margin-bottom: 2em;
+
+        opacity: 0;
+        transform: translateY(100%);
+
+        animation: welcomer-companyname-fadein 1s 1s ease-in-out forwards;
+
+        @keyframes welcomer-companyname-fadein {
+            from {
+                transform: translateY(100%);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        &::before,
+        &::after {
+            content: '';
+            width: 0;
+            height: 2px;
+            background-color: black;
+
+            animation: width-open 2s 1.5s cubic-bezier(0.45, 0.02, 0.09, 0.98)
+                forwards;
+
+            @keyframes width-open {
+                from {
+                    width: 0px;
+                }
+                to {
+                    width: 100%;
+                }
+            }
+        }
+        span {
+            padding: 0 1em;
+            white-space: nowrap;
+        }
+    }
+
     .simurgh--blog-fnd {
         width: 100%;