.two-columns{padding:0 0 5px}
.two-columns__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}
.two-columns__container .col{position:relative;-ms-flex-preferred-size:100%;flex-basis:100%;height:350px;min-height:350px;max-height:350px;display:inline-block}
.two-columns__container .col img{z-index:1}
.two-columns__container .col:before,.two-columns__container .col:after{content:"";position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;opacity:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
.two-columns__container .col:after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.2)));background:linear-gradient(0,rgba(0,0,0,0.2),rgba(0,0,0,0.2))}
.two-columns__container .col:before{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,18,70,0.7)),to(rgba(0,18,70,0.7)));background:linear-gradient(0,rgba(0,18,70,0.7),rgba(0,18,70,0.7))}
.two-columns__container .col:hover:after{opacity:0}
.two-columns__container .col span{z-index:3;pointer-events:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:2.125rem;line-height:2.625rem;font-weight:500}
@media(min-width:640px){.two-columns__container .col span{font-size:2.625rem;line-height:3.375rem}
}@media(min-width:768px){.two-columns{padding-bottom:50px}
.two-columns__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.two-columns__container .col{-ms-flex-preferred-size:50%;flex-basis:50%;height:550px;max-height:550px;min-height:550px}
}