.vertical-2-column-feature-photos.theme-light {
    --background:  linear-gradient(0deg, var(--white-sand), #fbead5 50%, var(--white-sand));
    --color: var(--azamara-blue);
    --headline: var(--azamara-blue);
    --background-image: url('../../images/icons/delimiter.svg');
}

.vertical-2-column-feature-photos.theme-dark {
    --background: linear-gradient(0deg, var(--azamara-blue), #fff 50%, var(--azamara-blue));
    --color: var(--azamara-blue);
    --headline: var(--pure-white);
    --background-image: url('../../images/icons/delimiter.svg');
}

.vertical-2-column-feature-photos {
    display: flex;
    flex-direction: column;
    background: var(--background);
    padding-top: 48px;
    padding-bottom: 48px;
}


.vertical-2-column-feature-photos h1 {
    font-size: 36px;
    margin: 0 auto;
    color: var(--headline);
}

.vertical-2-column-feature-photos .delimiter-icon {
    background-image: var(--background-image);
    background-repeat: no-repeat;
    width: 178px;
    height: 25px;
    object-fit: fill;
    margin: 24px auto;
    margin-bottom: 48px;
}

.vertical-2-column-feature-photos>.container-fluid {
    --bs-gutter-x: 24px;
}

.vertical-2-column-feature-photos>.container-fluid>.row {
    --bs-gutter-x: 24px;
}

.vertical-2-column-feature-photos .image-group {
    position: relative;
    margin-bottom: 102px;
}

.vertical-2-column-feature-photos .image-group img {
    width: 100%;
    max-height: 588px;
    min-height: 436px;
    object-fit: cover;
}

.vertical-2-column-feature-photos .image-group .image-caption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    color: var(--color);
    bottom: -56px;
    left: 10%;
    right: 10%;
    min-height: 108px;
    padding: 24px;
}

/* -sm breakpoint */
@media (min-width: 576px) {
    .vertical-2-column-feature-photos .offset-column {
        margin-top: 100px;
    }

    .vertical-2-column-feature-photos h1 {
        font-size: 48px;
    }
}

/* -md breakpoint */
@media (min-width: 768px) {
    .vertical-2-column-feature-photos>.container-fluid {
        --bs-gutter-x: 48px;
    }
    
    .vertical-2-column-feature-photos>.container-fluid>.row {
        --bs-gutter-x: 48px;
    }
}

/* -lg breakpoint*/
@media (min-width: 992px) {

}

/* -xl breakpoint */
@media (min-width: 1200px) {
    .vertical-2-column-feature-photos>.container-fluid {
        --bs-gutter-x: 84px;
    }
    
    .vertical-2-column-feature-photos>.container-fluid>.row {
        --bs-gutter-x: 84px;
    }

    .vertical-2-column-feature-photos .image-group .image-caption {
        left: 20%;
        right: 20%;
    }
}