:root{
    --group-container-gap: 25px;
    /* --section-min-height: 635px; */
    --section-min-height: 635px;
}

.eal-text-right{
    background-position-y: center;
}

@media screen and (min-width: 768px){

}

@media screen and (min-width: 992px){
    .eal-columns{
        background-size: cover;
    }
    .eal-columns.with-height{
        min-height: var(--section-min-height);
    }
    .eal-columns.right-text,
    .eal-columns.left-text{
        overflow: hidden;
    }
    .eal-columns.right-text .container{
        position: relative;
    }
    .eal-columns.left-text.with-height .featured-image,
    .eal-columns.right-text .group-container.flex-column{
        right: 0;
    }
    .eal-columns .featured-image,
    .eal-columns.right-text .group-container.flex-column{
        position: absolute;
    }
    .eal-columns .featured-image{
        min-height: var(--section-min-height);
        object-fit: cover;
        width: 50%;
    }

    .eal-columns .group-container{
        height: 100%;
        gap: var(--group-container-gap);
    }
    .eal-columns .group-container.absolute{
        position: absolute;
    }
    .eal-columns .group-container.absolute{
        max-width: 500px;
    }
    .eal-columns.left-text .group-container.flex-column,
    .eal-columns.right-text .group-container.flex-column{
        max-width: 46%;
    }
    .eal-text-right .group-container{
        right: 0;
    }
    .eal-text-left .group-container{
        left: 0;
    }
    .eal-columns.left-wide .eal-col:first-child{
        width: 60%;
    }
    .eal-columns.left-wide .eal-col:last-child{
        width: 38%;
    }
}

@media screen and (min-width: 1024px) {
    .right-caption .container{
        display: flex;
        justify-content: end;
    }
}

@media screen and (min-width: 1200px){

}

@media screen and (min-width: 1400px){

}

@media screen and (min-width: 1600px){

}