.scrolling-images--inner-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    display: flex;


    @media(min-width: 1200px) {
        height: 1275px;
    }

    @media(min-width: 2000px) {
        height: auto;
    }

    @media(max-width:749px) {
        flex-direction: column;
        padding-bottom: 2.5rem;
    }

    & .scrolling-images--left-col,
    & .scrolling-images--right-col {
        position: relative;
        flex: 1 0 27%;

        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 3rem;


        @media(max-width:749px) {
            flex-direction: row;
        }


        & .scrolling-images--img-item {
            transform: translateY(30%);
            opacity: 0;

            &.is-visible {
                transform: translateY(-20%);
                opacity: 1;
                transition: ease-in-out 0.8s;
            }

            & img {
                display: block;
                width: 100%;

            }
        }
    }

    & .scrolling-images--left-col {
        @media(max-width: 749px) {
            & .scrolling-images--img-item:last-of-type {
                transform: translateY(50%) !important;

                &.is-visible {
                    transform: translateY(30%) !important;
                }
            }

        }
    }

    & .scrolling-images--center-col {
        flex: 1 0 46%;

        & .scrolling-images--center-col-inner {
            position: sticky;
            top: 15%;
            padding-top: 15rem;
            padding-bottom: 5rem !important;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;

            @media(max-width:749px) {
                padding-bottom: 2.5rem !important;
            }


            & .scrolling-images--center-col-header {
                display: block;
                width: 100%;
                max-width: 800px;
                margin: 0 auto;
            }

            & .scrolling-images--center-col-content {
                max-width: 90%;
                font-size: 24px;

                @media(max-width: 749px) {
                    font-size: 16px;
                }
            }

            & .scrolling-images--center-col-secondary-image {
                @media(max-width: 990px) {
                    display: block;
                    width: 100%;
                    max-width: 30%;
                }
            }

            & .scrolling-images--center-col-cta {
                margin-top: 10px;
            }
        }

    }
}