:root{--nlc-blue:#4575ff;--nlc-black:#000;--nlc-yellow:#fff761;--nlc-purple:#e81ce8;--nlc-white:#fff;--nlc-green:#7af094;--nlc-red:red}
:root{--grid-col-breakpoint:15rem;--mobile-grid-image-height:35vh;--tablet-grid-image-height:25vw;--positive-image-skew:15deg;--negative-image-skew:-15deg}
.two-images-section{padding:4rem 0;position:relative;overflow:hidden}
.two-images-section .image-col{position:relative}
.two-images-section .text-background{width:100vw;position:absolute;right:0;top:-3vw;z-index:-1}
.two-images-section .image-container{width:100%;position:relative;display:inline-block;z-index:1;-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}
.two-images-section .image-container .image-wrapper{overflow:hidden}
.two-images-section .image-container .image{width:120%;padding-bottom:60%;border-radius:5px 0 5px 0;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transform:skewX(15deg);transform:skewX(15deg);position:relative;left:-10%}
.two-images-section .image-container::after{content:"";position:absolute;width:calc(100% + 18px);height:calc(100% + 18px);top:0;background-color:var(--nlc-green);border-bottom:18px solid var(--nlc-green);border-right:18px solid var(--nlc-green);z-index:-1;border-radius:5px 15px}
.two-images-section .image-container--green::after{right:0;background-color:var(--nlc-green);border-bottom:18px solid var(--nlc-green);border-right:18px solid var(--nlc-green)}
.two-images-section .image-container--green .image__wrapper{top:0}
.two-images-section .image-container--blue::after{left:0;background-color:var(--nlc-blue);border-bottom:18px solid var(--nlc-blue);border-right:18px solid var(--nlc-blue)}
.two-images-section .image-container--offset-left{left:-15%}
.two-images-section .image-container--offset-right{right:-15%}
.two-images-section .two-images-grid__container{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(var(--grid-col-breakpoint),1fr));grid-gap:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.two-images-section .two-images-grid__column{grid-column:1 / span 2}
.two-images-section .two-images-grid__column--center{display:grid;place-items:center;grid-row-start:1}
.two-images-section .two-images-grid__column--center .two-images-grid__content{padding:0 1rem}
.two-images-section .two-images-grid__column--center .two-images-grid__content p{font-family:"Source Sans Pro",sans-serif;font-weight:600}
.two-images-section .image__container{position:relative}
.two-images-section .image__container::before{content:'';display:block;width:100%;height:calc(var(--mobile-grid-image-height) + 18px);background-color:black;position:absolute}
.two-images-section .image__container--left::before{-webkit-transform:skewX(var(--negative-image-skew));transform:skewX(var(--negative-image-skew));-webkit-transform-origin:top right;transform-origin:top right;border-top-right-radius:1rem;border-bottom-right-radius:1rem}
.two-images-section .image__container--left .image__wrapper{-webkit-transform:skewX(var(--negative-image-skew));transform:skewX(var(--negative-image-skew));-webkit-transform-origin:top right;transform-origin:top right;border-bottom-right-radius:.5rem}
.two-images-section .image__container--left .image__wrapper .image{-webkit-transform:skewX(var(--positive-image-skew));transform:skewX(var(--positive-image-skew));-webkit-transform-origin:top right;transform-origin:top right}
.two-images-section .image__container--right::before{top:0;left:0;-webkit-transform:skewX(var(--negative-image-skew));transform:skewX(var(--negative-image-skew));-webkit-transform-origin:bottom left;transform-origin:bottom left;border-top-left-radius:1rem;border-bottom-left-radius:1rem}
.two-images-section .image__container--right .image__wrapper{position:relative;top:18px;left:18px;-webkit-transform:skewX(var(--negative-image-skew));transform:skewX(var(--negative-image-skew));-webkit-transform-origin:bottom left;transform-origin:bottom left;border-top-left-radius:.5rem}
.two-images-section .image__container--right .image__wrapper .image{-webkit-transform:skewX(var(--positive-image-skew));transform:skewX(var(--positive-image-skew));-webkit-transform-origin:bottom right;transform-origin:bottom right}
.two-images-section .image__container--right.image__container--green .image__wrapper{top:0}
.two-images-section .image__container--green::before{background-color:var(--nlc-green);left:13px}
.two-images-section .image__container--blue::before{background-color:var(--nlc-blue)}
.two-images-section .image__container .image__wrapper{width:calc(100% - 18px);height:var(--mobile-grid-image-height);overflow:hidden;background-color:black}
.two-images-section .image__container .image{width:100%;height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.first-image-green .image__container--blue::before{background-color:var(--nlc-green) !important}
@media(min-width:768px){.two-images-section .text-background{width:55vw;top:4vw}
.two-images-section .two-images-grid__container{min-height:300px}
.two-images-section .two-images-grid__column{grid-column:auto / span 1;grid-row-start:1;padding:0}
.two-images-section .two-images-grid__column--center{grid-column:auto / span 1;grid-row-start:1}
.two-images-section .two-images-grid__column--center .two-images-grid__content{width:100%}
.two-images-section .image__container::before{height:calc(var(--tablet-grid-image-height) + 18px)}
.two-images-section .image__container .image__wrapper{height:var(--tablet-grid-image-height)}
}@media(min-width:1024px){.two-images-section .two-images-grid__container{min-height:420px}
.two-images-section .two-images-grid__column--center .two-images-grid__content{width:65%;padding:0}
}@media(min-width:1280px){.two-images-section .two-images-grid__container{min-height:500px}
}