Landing picture

src/pages/Main.scss

@@ -44,6 +44,22 @@
         font-size: 3.2rem;
       }
     }
+
+    .Landing-container {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .Landing-picture {
+        border-radius: 5%;
+        width: 60%;
+      }
+
+      i {
+        font-size: 1.2rem;
+        margin-bottom: 2em;
+      }
+    }
   }
 
   p {

src/pages/Main.tsx

@@ -64,7 +64,13 @@ export const Main = () => {
             )}
           </article>
         ) : (
-          <article>
+          <article className='Landing-container'>
+            <img
+              src='landing.jpg'
+              className='Landing-picture'
+              alt='Main picture'
+            />
+            <i>Straník, Žilina, Slovakia</i>
             <DateAndPlace size='large' />
           </article>
         )}