.text-two-images-block {
    position: relative;
    /* margin-bottom: 1.5rem; */
}
.text-two-images-block-content {
    position: relative;
    /* overflow:hidden; */
}
.text-two-images-content-cover {
    background: #fff;
    position: absolute;
    top:0; left:-20px;
    width: calc(100% + 20px);
    height: 100%;
    z-index: 2
}

.text-two-images-block-img {
    position: relative;
    z-index:3;
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.text-two-images-block.position-left .text-two-images-block-img {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.text-two-images-block-img img {
    border-radius: 0.5rem;
}
.text-two-images-block .text-two-images-block-img > div {
    aspect-ratio: 1/1.786;
    width: 50%;
/*    max-width: 280px;*/
	max-width: 17.5rem;
    border-radius: 0.5rem;
    position: relative;
    /* overflow: hidden; */
}
.text-two-images-block .text-two-images-block-img > div.shadow-img > div {
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

.text-two-images-block .text-two-images-block-img > div > div {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    border-radius: 0.5rem;
/* animation is turned off (for turn on open classes in php and css transform )*/
/*    -webkit-transform: scale(0);
            transform: scale(0);
*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.text-two-images-block-img {
    margin-top:2rem
}

.text-two-images-block .text-two-images-block-img .upper-img {
    margin-top:-2rem
}
.text-two-images-block .text-two-images-block-img .lower-img {
    margin-top: 2rem
}
.text-two-images-block .text-two-images-block-img.no-lower-img {
	margin-top: 0
}

.text-two-images-block .text-two-images-block-img.no-lower-img > div {
	-webkit-mask-image: url(../../../inc/assets/images/image-mask.svg);
	mask-image: url(./../../../../inc/assets/images/image-mask.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;  
	mask-position: 0;
	mask-size: contain;
	margin-top: 0;
} 
.text-two-images-block .text-two-images-block-img.no-lower-img.no-lower-transform  {
	transform: rotateX(180deg);
}
.text-two-images-block .text-two-images-block-img.no-lower-img.no-lower-transform > .upper-img > div  {
	transform: scaleY(-1); 
}
.text-two-images-block .text-two-images-block-img.no-lower-img > div {
	aspect-ratio: 1.0667;
    width: 100%;
	max-width: unset;
	border-radius: 0;
}
.text-two-images-block .text-two-images-block-img.no-lower-img > div > div {
	background-position:center;
	border-radius:0
}
.text-two-images-block.position-left .text-two-images-block-img > div {
    margin-right: 1rem;
}
.text-two-images-block.position-right .text-two-images-block-img {
    flex-direction: row-reverse;
}
.text-two-images-block.position-right .text-two-images-block-img > div {
    margin-left: 1rem
}

.text-two-images-block.position-right .lower-img {

}

.text-two-images-block.position-left .lower-img {

}

@media only screen and (max-width: 991px) {
    .text-two-images-block-img {
        margin-top: 3rem;
        justify-content: center!important;
    }
    .text-two-images-block.position-right .text-two-images-block-img > div.lower-img {
        margin-left:0;
    }
    .text-two-images-block.position-left .text-two-images-block-img > div.upper-img {
        margin-right:0
    }
	.text-two-images-block .text-two-images-block-img.no-lower-img {
		max-width: 35rem;
		margin-top: 1rem
	}
	.text-two-images-block .text-two-images-block-img.no-lower-img > div {
		margin-left:0;
		margin-right:0
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .text-two-images-block-content {
        margin-bottom: 1.5rem;
    }
}
@media only screen and (min-width:992px) {
    .text-two-images-block-content > *:last-child {
        margin-bottom: 0
    }
}
@media only screen and (min-width:1200px) {
    .text-two-images-block.position-left .text-two-images-block-img {
        padding-right: 3rem
    }
    .text-two-images-block.position-right .text-two-images-block-img {
        padding-left: 3rem;
    }
}
@media only screen and (max-width: 767px) {
    .text-two-images-block {
        margin-bottom: 4rem;
    }
}
@media only screen and (max-width: 1439px) and (min-width:992px) {
    .text-two-images-block-img {
        margin-top:5.25%
    }
    .text-two-images-block .text-two-images-block-img .upper-img {
        margin-top:-5.25%
    }
    .text-two-images-block .text-two-images-block-img .lower-img {
        margin-top:5.25%
    }
}
@media only screen and (max-width: 600px) {
    .text-two-images-block-img {
        margin-top:2rem
    }
    .text-two-images-block .text-two-images-block-img .upper-img {
        margin-top:-5.5%
    }
    .text-two-images-block .text-two-images-block-img .lower-img {
        margin-top:5.5%
    }
}