.component-title-cta-images-and-caption__img-left-text-right,
.component-title-cta-images-and-caption__text-block-centered,
.component-title-cta-images-and-caption__text-block-centered-centered-text,
.component-title-cta-images-and-caption__img-right-text-left {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "title" "desc" "image" "cta";
    row-gap: 1.5625rem; /* 25px */
    justify-items: center;

    max-width: 93.6%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-inline: auto;
}

.component-title-cta-images-and-caption__text-block-centered,
.component-title-cta-images-and-caption__text-block-centered-centered-text {
    display: flex;
    flex-direction: column;
    align-items: center;

    max-width: min(var(--max-content-width-s), 93.6%);
    margin-inline: auto;
}

.component-title-cta-images-and-caption__img-left-text-right--image-wrapper,
.component-title-cta-images-and-caption__img-right-text-left--image-wrapper {
    grid-area: image;
}

.component-title-cta-images-and-caption__img-left-text-right--text-content-wrapper,
.component-title-cta-images-and-caption__img-right-text-left--text-content-wrapper {
    grid-area: text;
    display: contents;
}

.component-title-cta-images-and-caption__img-left-text-right--title,
.component-title-cta-images-and-caption__img-right-text-left--title {
    grid-area: title;
    font-weight: 700;
    line-height: 1em;
}
h2.component-title-cta-images-and-caption__img-left-text-right--title,
h2.component-title-cta-images-and-caption__text-block-centered--title,
h2.component-title-cta-images-and-caption__text-block-centered-centered-text--title,
h2.component-title-cta-images-and-caption__img-right-text-left--title {
    font-size: 1.4375rem; /* 23px */
}

h3.component-title-cta-images-and-caption__img-left-text-right--title,
h3.component-title-cta-images-and-caption__text-block-centered--title,
h3.component-title-cta-images-and-caption__text-block-centered-centered-text--title,
h3.component-title-cta-images-and-caption__img-right-text-left--title {
    font-size: 1.125rem; /* 18px */
}

.component-title-cta-images-and-caption__img-left-text-right--description,
.component-title-cta-images-and-caption__text-block-centered-centered-text--description,
.component-title-cta-images-and-caption__text-block-centered-centered-text--title,
.component-title-cta-images-and-caption__text-block-centered--title,
.component-title-cta-images-and-caption__img-right-text-left--description {
    grid-area: desc;
    text-align: center;
}

.component-title-cta-images-and-caption__img-left-text-right--description p,
.component-title-cta-images-and-caption__text-block-centered--description p,
.component-title-cta-images-and-caption__text-block-centered-centered-text--description p,
.component-title-cta-images-and-caption__img-right-text-left--description p {
    font-size: 0.875rem;
    font-weight: 300;
}

.component-title-cta-images-and-caption__img-left-text-right--description p:has(+ p),
.component-title-cta-images-and-caption__text-block-centered--description p:has(+ p),
.component-title-cta-images-and-caption__text-block-centered-centered-text--description p:has(+ p),
.component-title-cta-images-and-caption__img-right-text-left--description p:has(+ p) {
    margin-bottom: 1em;
}

.component-title-cta-images-and-caption__img-left-text-right .component-cta,
.component-title-cta-images-and-caption__img-right-text-left .component-cta {
    grid-area: cta;
}

.component-title-cta-images-and-caption__text-block-centered-centered-text--text-content-wrapper {
    display: flex;
    flex-direction: column;
}

.component-title-cta-images-and-caption__text-block-centered-centered-text .component-cta {
    align-self: center;
}

.component-title-cta-images-and-caption__img-left-text-right--title:has( + .component-cta),
.component-title-cta-images-and-caption__text-block-centered--title:has( + .component-cta),
.component-title-cta-images-and-caption__text-block-centered-centered-text--title:has( + .component-cta),
.component-title-cta-images-and-caption__img-right-text-left--title:has( + .component-cta) {
    margin-bottom: 1.5625rem;
}

.component-title-cta-images-and-caption__img-left-text-right--description:has( + .component-cta),
.component-title-cta-images-and-caption__text-block-centered--description:has( + .component-cta),
.component-title-cta-images-and-caption__text-block-centered-centered-text--description:has( + .component-cta),
.component-title-cta-images-and-caption__img-right-text-left--description:has( + .component-cta) {
    margin-bottom: 1.5625rem;
}

@media screen and (min-width: 64rem /* 1024px */) {
    .component-title-cta-images-and-caption__img-left-text-right,
    .component-title-cta-images-and-caption__text-block-centered,
    .component-title-cta-images-and-caption__text-block-centered-centered-text,
    .component-title-cta-images-and-caption__img-right-text-left {
        width: 81.25%;
        max-width: 65rem; /* 1040px */
        margin-bottom: 3.5625rem; /* 57px */
        
        grid-template-columns: 1fr 1fr;
        /*grid-template-areas: "image text";*/
        column-gap: min(10.58%, 6.875rem); /* 110px */
        align-items: start;
    }

    .component-title-cta-images-and-caption__text-block-centered,
    .component-title-cta-images-and-caption__text-block-centered-centered-text {
        max-width: var(--max-content-width-s);
        align-items: center;
    }
    .component-title-cta-images-and-caption__img-left-text-right {
        grid-template-areas: "image text";
    }
    .component-title-cta-images-and-caption__img-right-text-left {
        grid-template-areas: "text image";
    }

    .component-title-cta-images-and-caption__img-left-text-right--image-wrapper {
        justify-self: start;
    }
    .component-title-cta-images-and-caption__img-right-text-left--image-wrapper {
        justify-self: end;
    }

    .component-title-cta-images-and-caption__img-left-text-right--text-content-wrapper,
    .component-title-cta-images-and-caption__img-right-text-left--text-content-wrapper {
        align-self: center;
        display: block;
    }
    .component-title-cta-images-and-caption__img-left-text-right--text-content-wrapper {
        justify-self: end;
    }

    .component-title-cta-images-and-caption__img-left-text-right--image-wrapper,
    .component-title-cta-images-and-caption__img-right-text-left--text-content-wrapper,
    .component-title-cta-images-and-caption__img-left-text-right--image-wrapper,
    .component-title-cta-images-and-caption__img-right-text-left--text-content-wrapper {
        max-width: 29.0625rem; /* 465px */
    }

    .component-title-cta-images-and-caption__img-left-text-right--title,
    .component-title-cta-images-and-caption__text-block-centered--title,
    .component-title-cta-images-and-caption__text-block-centered-centered-text--title,
    .component-title-cta-images-and-caption__img-right-text-left--title {
        margin-bottom: 1.5625rem;
    }

    .component-title-cta-images-and-caption__img-left-text-right--description,
    .component-title-cta-images-and-caption__text-block-centered--description,
    .component-title-cta-images-and-caption__text-block-centered-centered-text--description,
    .component-title-cta-images-and-caption__img-right-text-left--description {
        margin-bottom: 1.5625rem;
    }

    .component-title-cta-images-and-caption__img-left-text-right--description,
    .component-title-cta-images-and-caption__img-right-text-left--description {
        text-align: start;
    }

    .component-title-cta-images-and-caption__img-left-text-right .component-cta,
    .component-title-cta-images-and-caption__text-block-centered .component-cta,
    .component-title-cta-images-and-caption__text-block-centered-centered-text .component-cta,
    .component-title-cta-images-and-caption__img-right-text-left .component-cta {
        font-size: 0.875rem;
    }
}