Set up home style and Splide carousel

assets/css/pages/_home.scss

@@ -0,0 +1,58 @@
+@use '../abstracts' as *;
+
+// --------------------------------------------------
+// HOME STYLE
+// --------------------------------------------------
+
+.home {
+
+    .home__gallery {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1rem;
+
+        .home__gallery-item {
+            display: table;
+            max-width: min(1280px, 100%);
+
+            .home__carousel {
+
+                &:where(.splide) {
+                    cursor: pointer;
+
+                    .splide__track {
+
+                        .splide__list {
+                            position: relative;
+
+                            .splide__slide {
+                                transform: none !important;
+
+                                &:not(.is-active) {
+                                    position: absolute;
+                                    inset: 0;
+                                }
+
+                                .splide__image {
+                                    max-height: 80vh;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+
+            .home__main-image {
+                max-height: 80vh;
+            }
+
+            .home__image-caption {
+                display: table-caption;
+                caption-side: bottom;
+                width: fit-content;
+                margin: 0.5rem auto 0;
+            }
+        }
+    }
+}