.two-image-text {
    position: relative;
    background-color: #00817B;
    z-index: 10;
    color: #fff;
    padding: 60px 0 50px 0;
}

.two-image-left-img,
.two-image-right-img {
    position: absolute;
    top: -90px;
    width: 172px;
    height: 180px;
    object-fit: cover;
    box-shadow: 0 0 15px rgba(32,43,82,0.1);
}

.two-image-left-img {
    left: 0;
    border-radius: 0 40px 40px 0;
}

.two-image-right-img {
    right: 0;
    border-radius: 40px 0 0 40px;
}

.two-image-text__wrap ol li,
.two-image-text__wrap ul li { text-align: left; }

.two-image-text__wrap ol li {
    padding-left: 25px;
}

@media (min-width: 768px) {
    .two-image-text {
        padding: 200px 0 60px 0;
    }
    
    .two-image-left-img,
    .two-image-right-img {
        top: -60px;
        width: 316px;
        height: 220px;
        border-radius: 20px;
    }
    
    .two-image-left-img {
        left: 52px;
        border-top-left-radius: 100px;
    }
    
    .two-image-right-img {
        right: 52px;
        border-bottom-right-radius: 100px;
    }
}

@media (min-width: 1200px) {
    .two-image-text {
        padding: 100px 0 106px 0;
    }

    .two-image-text__wrap {
        max-width: 702px;
        margin: 0 auto;
    }
    
    .two-image-left-img {
        top: -100px;
        width: 584px;
        height: 773px;
        border-radius: 0;
        left: -350px;
        border-radius: 0 100px 100px 0;
    }
    
    .two-image-right-img {
        top: auto;
        bottom: -100px;
        width: 520px;
        height: 773px;
        border-radius: 0;
        right: -300px;
        border-radius: 100px 0 0 100px;
    }
}

@media (min-width: 1366px) {

    .two-image-text__wrap {
        max-width: 872px;
    }
    
    .two-image-left-img {
        left: -360px;
    }
}

@media (min-width: 1920px) {

    .two-image-left-img {
        left: -122px;
        border-radius: 0 170px 170px 0;
    }

    .two-image-right-img {
        right: -58px;
        border-radius: 170px 0 0 170px;
    }
}

@media (min-width: 2141px) {

    .two-image-left-img {
        left: -0;
        width: 584px;
    }

    .two-image-right-img {
        right: -0;
        width: 584px;
    }
}

@media (min-width: 2400px) {

    .two-image-left-img {
        left: -0;
        width: 684px;
    }

    .two-image-right-img {
        right: -0;
        width: 684px;
    }
}

/* COLOR COMBI */
.two-image-text + .module > svg path,
.two-image-text + .wysiwyg > svg path {
    fill: #00817B !important;
}

.two-image-text + .image-text--pink.image-text--top-wave-margin {
    margin-top: 0;
}


[data-aos="leftimg"] {
  left: 20%;
  transition: all 0.5s ease-out ;
  -webkit-transition: all 0.5s ease-out;
  z-index: 9;
  
}

[data-aos="rightimg"] {
  right: 20%;
  transition: all 0.5s ease-out ;
  -webkit-transition: all 0.5s ease-out;
  z-index: 8;
  
}

[data-aos="leftimg"].aos-animate {
    left : -539px;
}

[data-aos="rightimg"].aos-animate {
    right : -464px;
}

.desktop-half-animated {
    display: none;
}

.mobile-image {
    text-align: center;
    display: block;
    margin-bottom: 60px;
}

@media( max-width : 1599px ) {
    .mobile-image img {
        position: relative;
        top: 0;
        left: 0;
        border-radius: 20px;
        width: 100%;
    }
}

@media(min-width: 768px) {

    [data-aos="rightimg"].aos-animate {
        right : -52px;
    }

    [data-aos="leftimg"].aos-animate {
        left : -52px;
    }
    .wysiwyg + .two-image-text {
        margin-top: 50px;
    }

}

@media(min-width: 1200px) { 

    [data-aos="leftimg"].aos-animate {
             left : -350px;
    }

    [data-aos="rightimg"].aos-animate {
        right : -300px;
    }

}

@media(min-width: 1366px) { 

    [data-aos="leftimg"].aos-animate {
             left : -360px;
    }
    [data-aos="rightimg"].aos-animate {
        right : -374px;
    }

}


@media(min-width: 1199px) { 

    .desktop-half-animated {
        display: block;
    }

    .mobile-image {
        display: none;
    }

    [data-aos="leftimg"].aos-animate {
        left : 0;
    }
    [data-aos="rightimg"].aos-animate {
        right : 0;
    }

    .two-image-left-img,
    .two-image-right-img {
        width: 384px;
        height: 573px;
    }

}

@media(min-width: 1884px ) { 

    [data-aos="leftimg"].aos-animate {
             left : -120px;
    }
    [data-aos="rightimg"].aos-animate {
        right : -180px;
    }

    .two-image-left-img {
        top: -100px;
        width: 584px;
        height: 773px;
        border-radius: 0;
        left: -350px;
        border-radius: 0 100px 100px 0;
    }
    
    .two-image-right-img {
        top: auto;
        bottom: -100px;
        width: 520px;
        height: 773px;
        border-radius: 0;
        right: -300px;
        border-radius: 100px 0 0 100px;
    }

}

@media(min-width: 1920px) {

    [data-aos="leftimg"].aos-animate {
             left : -122px;
    }
    [data-aos="rightimg"].aos-animate {
        right : -58px;
    }

}

@media(max-width: 1233px){
    
    .two-image-left-img,
    .two-image-right-img{
        display: none;
    }
}


/*
*** -----------------------------------
** Screen Resizing -------------------------------------TEMP DISABLED
*** -----------------------------------

@media ( min-width: 1280px ) and ( max-width: 1799px ) {
    section.two-image-text {
        padding: 30px 0 0;
    }
    
    section.two-image-text > .container {
        transform: scale( 0.8 ) !important;
        -moz-transform: scale( 0.8, 0.8 ) !important;
        -ms-transform: scale( 0.8 ) !important;
        -webkit-transform: scale( 0.8 ) !important;
    }

    .desktop-half-animated {
        display: block;
    }

    .two-image-text__wrap > div.mobile-image {
        display: none;
    }

    .two-image-left-img {
        top: -20px;
        width: 320px;
        height: 473px;
        left: 360px;
    }

    .two-image-right-img {
        bottom: -20px;
        width: 320px;
        height: 473px;
        right: 360px;
    }

    .image-text--pink + .module.two-image-text {
        margin-top: 0;
    }
}

@media ( min-width: 1600px ) and ( max-width: 1799px ) {
    .two-image-left-img {
        width: 420px;
    }

    .two-image-right-img {
        width: 420px;
    }
}

@media (min-width: 1280px ) and ( max-width: 1799px) {
    [data-aos="leftimg"].aos-animate {
        left: 0;
    }

    [data-aos="rightimg"].aos-animate {
        right: 0;
    }  
}*/