julienmonnerie/assets/css/pages/_home.scss

@use "../abstracts" as *;

// --------------------------------------------------
// HOME STYLE
// --------------------------------------------------

.home {

    .home__gallery {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;

        .home__gallery-item {
            display: table;
            max-width: $medium-content-width;

            .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;
                padding: 0 0.5rem;
                text-align: center;
            }
        }
    }
}