@layer views {
    .main-content{
        --column-gap: calc(var(--spacer) * 6.9375);

        @container content (max-width: 768px) {
            --column-gap: var(--spacer);
        }

        .row{
            &:nth-child(odd){
                flex-direction: row-reverse;
            }

            &:not(:last-child){
                margin-bottom: calc(var(--spacer) * 7.25);
            }

            @container content (max-width: 768px) {
                &,
                &:nth-child(odd){
                    flex-direction: column-reverse;
                }

                &:not(:last-child){
                    margin-bottom: 0;
                }

                .image-wrapper{
                    padding: 0;
                    width: 100vw;
                    max-width: 100vw;
                    margin: calc(var(--spacer) * 2) calc(var(--spacer) * -1);
                }
            }
        }

        img{
            width: 100%;
            filter: drop-shadow(0 10px 30px rgba(var(--color-black), 0.25));
            border-radius: 0 0 calc(var(--spacer) * 5) 0;
        }
    }

    .page-note{
        margin-bottom: calc(var(--spacer) * 3);
    }

    .page-credit{
        font-size: .786em;
        margin-bottom: calc(var(--spacer) * 2);
    }
}