body {
    margin: 0;
}

picture {
    display: block;
    width: 100%;
    max-height: 100vh;
    margin: 0;
}

picture img {
    display: block;
    width: 100%;
    max-height: 100vh;
    aspect-ratio: 1080 / 1920;
    object-fit: cover;

    @media (orientation: landscape) {
        aspect-ratio: 1920 / 1080;
    }
}

.instagram {
    picture {
        display: none;
    }
    article {
        position: relative;
        display: flex;
        flex-direction: column;
        height: calc(100lvh - 4rem);
        padding-block: 2rem;

        /*.instagram__header {
            position: sticky;
            z-index: 2;
            top: 2rem;
        }*/

        .instagram__carousel {
            width: 100%;
            aspect-ratio: 1;
            background-color: lightgray;

            .embla__viewport {
                overflow: hidden;
                width: 100%;
                height: 100%;
            }

            .embla__container {
                display: flex;
                height: 100%;
            }

            .embla__slide {
                flex: 0 0 100%;
                min-width: 0;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        img {
            display: block;
            width: 100%;
        }
    }
    @media (orientation: landscape) {
        picture {
            display: block;
        }
        article {
            display: none;
        }
    }
}