.vrDoubleBlock {

    display: flex;
    flex: 0 0 100%;

    >div {
        flex: 0 0 50%;
        display: flex;
        flex-direction: column;
        gap: var(--gap);
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;

        &.image {
            

            span {
                display: inline-block;
            }

            span.inline {
                width: 16px;
                height: 16px;
                position: absolute !important;
                top: 0;
                left: 0;
            }

            img {
                width: 100%;
                height: auto;
                display: block;
            }

            video {
                width: 100%;
                height: auto;
                display: block;
            }

            figure.empty {
                background: red;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;

                .dz-default.dz-message span {
                    display: block;
                    cursor: pointer
                }
            }
        }

        &.text {
            /* for special patterns background */
            /* customize in .text the background color and in ::before the background-image */
            z-index:1;
            /** { z-index:2 }*/
            &::before {
                z-index: -1;
                content:'';
                background: transparent url(../static/patternL.svg) repeat fixed;
                background-size: 48px;
                filter:invert(1);
                opacity:.5;
                position:absolute;
                top:0;
                left:0;
                bottom:0;
                right:0;
            }
            /* --- */

            
            padding: var(--col);

            h3 {
                border-bottom: .1rem solid;
                width: 100%;
                padding-bottom: 1rem;
                margin: 0 0 1rem 0
            }

            article {
                line-height: 1.25rem;

                strong {
                    color: inherit;
                    font-weight: bold;
                }

                ul {
                    padding-left: 1rem;

                    li {
                        margin-bottom: .5rem;
                        position: relative;

                        &:before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: -1rem;
                            height: 1rem;
                            width: .4rem;
                            background: #6530f7;
                            display: inline-block;
                        }
                    }
                }
            }
        }
    }
}

@media all AND (max-width: 700px) {

    .vrDoubleBlock {
        flex-wrap: wrap;

        >div {
            flex: 0 0 100%;
            &.text{
                padding: var(--gap);
            }
        }

        .image {
            order: 0 !important;
        }
    }
}


#tools.vrDoubleBlock {
    background: #ded3ff;
    .image {
        order: 1;
        background: #f6f6f6;
        justify-content: center;
    }
}

#team.vrDoubleBlock {
    background: #d0e6aa;
    margin-top: 0;
}