.content-text-images {
    position: relative
}

.content-text-images__text {
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px
}

@media screen and (min-width:768px) {
    .content-text-images__text {
        display: flex;
        left: 50%;
        width: 50%;
        float: left;
        min-height: 640px;
        padding: 0 0 0 32px
    }
}

@media screen and (min-width:992px) {
    .content-text-images__text {
        padding: 0 0 0 64px
    }
}

@media screen and (min-width:1200px) {
    .content-text-images__text {
        padding: 0 72px
    }
}

@media screen and (min-width:1500px) {
    .content-text-images__text {
        padding: 0 144px
    }
}

.content-text-images__text div {
    text-align: center;
    margin-bottom: 30px
}

.content-text-images__text h1, .content-text-images__text h2 {
    display: inline;
    background-color: #eae3d2;
    color: #fb4f0f;
    width: auto;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 1.1em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0 20px;
    text-align: center;
    margin-left: -5px;
    font-size: 38px
}

@media screen and (min-width:1500px) {
    .content-text-images__text h1, .content-text-images__text h2 {
        font-size: 38px
    }
}

.content-text-images__text p {
    text-align: center
}

@media screen and (min-width:768px) {
    .content-text-images__images {
        width: 50%;
        position: absolute;
        top: 0;
        height: 100%;
        left: 0
    }
}

.content-text-images__images > img {
    width: 75%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: none
}

@media screen and (min-width:768px) {
    .content-text-images__images > img {
        display: block
    }
}

.content-text-images__front img:first-child {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center
}

.content-text-images__front img:last-child {
    display: none
}

.content-text-images__front img:first-child {
    display: block
}

@media screen and (min-width:768px) {
    .content-text-images__front {
        position: absolute;
        top: 20%;
        bottom: 20%;
        right: 0;
        left: 33%
    }

        .content-text-images__front img:first-child {
            display: block;
            width: 100%;
            height: 100%
        }

        .content-text-images__front img:last-child {
            display: block;
            position: relative;
            left: 10%
        }
}

.content-text-images__front--no-crop img:first-child {
    object-fit: contain;
    height: 400px;
    object-position: center
}

@media screen and (min-width:768px) {
    .content-text-images__front--no-crop {
        top: 10%;
        bottom: 10%;
        right: 5%;
        left: 5%
    }

        .content-text-images__front--no-crop img:first-child {
            height: 100%
        }
}

@media screen and (min-width:992px) {
    .content-text-images__front--no-crop {
        left: 10%
    }
}

.content-text-images__cta {
    margin: 20px auto auto;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 300px
}

.content-text-images.white-and-red .content-text-images__text h2, .content-text-images.white-and-red .content-text-images__text h3 {
    background-color: #fb4f0f;
    color: #fff
}

.content-text-images.brown-and-white .content-text-images__text h2, .content-text-images.brown-and-white .content-text-images__text h3 {
    background-color: #452325;
    color: #fff
}

@media screen and (min-width:768px) {
    .content-text-images.text-image .content-text-images__text {
        display: flex;
        left: 0;
        width: 50%;
        float: left;
        min-height: 640px;
        padding: 0 32px 0 0
    }
}

@media screen and (min-width:992px) {
    .content-text-images.text-image .content-text-images__text {
        padding: 0 64px 0 0
    }
}

@media screen and (min-width:1200px) {
    .content-text-images.text-image .content-text-images__text {
        padding: 0 72px
    }
}

@media screen and (min-width:1500px) {
    .content-text-images.text-image .content-text-images__text {
        padding: 0 144px
    }
}

@media screen and (min-width:768px) {
    .content-text-images.text-image .content-text-images__images {
        width: 50%;
        position: absolute;
        top: 0;
        height: 100%;
        right: 0;
        left: auto
    }
}

.content-text-images.text-image .content-text-images__images > img {
    position: relative;
    left: 25%;
    width: 75%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: none
}

@media screen and (min-width:768px) {
    .content-text-images.text-image .content-text-images__images > img {
        display: block
    }

    .content-text-images.text-image .content-text-images__front {
        position: absolute;
        top: 20%;
        bottom: 20%;
        left: 0;
        right: 33%
    }

        .content-text-images.text-image .content-text-images__front img:first-child {
            display: block;
            width: 100%;
            height: 100%
        }

        .content-text-images.text-image .content-text-images__front img:last-child {
            display: block;
            position: relative;
            left: 10%;
            right: auto
        }
}