Instagram images

pages/index.tsx

@@ -115,6 +115,32 @@ export default function Index() {
               @Instagramissa
             </a>
           </h1>
+          <div className={styles.instagramImagesContainer}>
+            <Image
+              className={styles.instagramImage}
+              src='/kauppa.png'
+              alt='kauppa ulkoa'
+              width={650}
+              height={650}
+              loading='lazy'
+            />
+            <Image
+              className={styles.instagramImage}
+              src='/cafe.png'
+              alt='kahvi ja leivos'
+              width={650}
+              height={650}
+              loading='lazy'
+            />
+            <Image
+              className={styles.instagramImage}
+              src='/bar.png'
+              alt='kaupan baari'
+              width={650}
+              height={650}
+              loading='lazy'
+            />
+          </div>
         </section>
 
         <span className={styles.separator} />

styles/Index.module.scss

@@ -16,7 +16,8 @@
   display: flex;
   align-items: center;
   flex-direction: column;
-  max-width: 80%;
+  max-width: 675px;
+  width: 80%;
 }
 
 .sectionContainer {
@@ -140,6 +141,20 @@
   margin-bottom: 0;
 }
 
+.instagramImagesContainer {
+  display: flex;
+  justify-content: space-around;
+  max-width: 100%;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.instagramImage {
+  max-width: 30%;
+  height: 100%;
+  border-radius: 10%;
+}
+
 .collaborationImage {
   max-width: 100%;
   height: 100%;