.block__text-image {
    display: flex;

    &.img-pos__bg:has(.text-image__image.text-image__image--contain) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .text-image__text {
        position: relative;
        z-index: 2;

        &:has(p[style="text-align: left;"]) {
            text-align: left;
        }

        &:has(p[style="text-align: center;"]) {
            text-align: center;
        }

        &:has(p[style="text-align: right;"]) {
            text-align: right;
        }
    }

    .text-image__image {
        min-height: 100%;
        position: relative;
        z-index: 1;

        img {
            position: absolute;
            top: 0;
            left: 0;
            object-fit: cover;
            object-position: center;
            height: 100%;
            width: 100%;
        }

        &.text-image__image--contain {
            img {
                object-fit: contain
            }
        }
    }

    /* SIDE MODE */
    &.img-pos__side {

        .text-image__text {
            padding-top: 45px;
            padding-bottom: 30px;
        }

        .text-image__image {
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            width: 50vw;
        }

        /* TEXT LEFT */
        &.txt-pos__left {

            .text-image__text {
                order: 1;
            }

            .text-image__image {
                order: 2;
                right: 0
            }

        }

        /* TEXT CENTER */
        &.txt-pos__center {

            .text-image__text {
                margin: 90px auto 60px;
                background: var(--color__black);
                color: var(--color__white);
                max-width: calc(var(--wrapper-max-width) / 2);

                > * {
                    grid-column: span 12;
                }

                h2, p {
                    color: var(--color__white);
                    text-align: center;
                }

            }

            .text-image__image {
                left: 50%;
                transform: translate(-50%,-50%);
                width: 100vw;
            }

        }

        /* TEXT RIGHT */
        &.txt-pos__right {

            .text-image__text {
                order: 2;
                direction: rtl;

                * {
                    direction: ltr;
                    text-align: right;
                }
            }

            .text-image__image {
                order: 1;
                left: 0;
            }

        }

    }

    /* BG MODE */
    &.img-pos__bg {

        .text-image__text {
            padding-top: 45px;
            padding-bottom: 30px;
        }

        .text-image__image {
            height: 100%;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            width: 100vw;
        }

        /* TEXT LEFT */
        &.txt-pos__left {

            .text-image__text {
                order: 1;
            }

            .text-image__image {
                order: 2;
                right: 0
            }

        }

        /* TEXT CENTER */
        &.txt-pos__center {

            .text-image__text {
                margin: 90px auto 60px;
                max-width: calc(var(--wrapper-max-width) / 2);

                > * {
                    grid-column: span 12;
                    text-align: center;
                }

            }

        }

        /* TEXT RIGHT */
        &.txt-pos__right {

            .text-image__text {
                direction: rtl;

                * {
                    direction: ltr;
                    text-align: right;
                }
            }

        }

    }

}