.wp-block-casa-image-copy .casa-inner-container {
    width: var(--mobile-width);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 12%;

    @media (min-width: 768px) {
        flex-direction: row;
    }
}

.wp-block-casa-image-copy.image_top .casa-inner-container {
    flex-direction: column;

    @media (min-width: 768px) {
        flex-direction: row;
    }
}

.wp-block-casa-image-copy.stats .copy-panel {
    margin-top: 32px;

    @media (min-width: 768px) {
        margin-top: 0;
    }
}

.wp-block-casa-image-copy.stats.image_left .casa-inner-container,
.wp-block-casa-image-copy.stats.image_far_left .casa-inner-container {
    flex-direction: column;
    align-items: flex-start;

    @media (min-width: 768px) {
        flex-direction: row;
        align-items: center;
    }
}

.wp-block-casa-image-copy.image_far_left .casa-inner-container {

    @media (min-width: 768px) {
        width: 89%;
        margin-right: 11%;
    }
}

.wp-block-casa-image-copy.image_far_right .casa-inner-container {

    @media (min-width: 768px) {
        width: 89%;
        margin-left: 11%;
        flex-direction: row;
    }
}

.wp-block-casa-image-copy.image_far_right .casa-inner-container,
.wp-block-casa-image-copy.image_right .casa-inner-container {

    @media (min-width: 768px) {
        flex-direction: row-reverse;
    }
}

.wp-block-casa-image-copy .image-panel {
    width: 100%;
    margin-top: 64px;
    flex: 1;

    @media (min-width: 768px) {
        margin-top: 0;
    }

    .image-container.landscape {
        width: 100%;
        aspect-ratio: 1.07;

        @media (min-width: 768px) {
            aspect-ratio: 1.42;
        }

        img {
            width: 100%;
            aspect-ratio: 1.07;
            object-fit: cover;

            @media (min-width: 768px) {
                aspect-ratio: 1.42;
            }
        }
    }

    .image-container.portrait {
        width: 100%;
        aspect-ratio: 0.84;

        img {
            width: 100%;
            aspect-ratio: 0.84;
            object-fit: cover;
        }
    }

    .image-container.square {
        width: 100%;
        aspect-ratio: 0.97;

        @media (min-width: 768px) {
            aspect-ratio: 1.16;
        }

        img {
            width: 100%;
            aspect-ratio: 0.97;
            object-fit: cover;

            @media (min-width: 768px) {
                aspect-ratio: 1.16;
            }
        }
    }
}

.wp-block-casa-image-copy.image_top .image-panel {
    margin-top: 0;
}

.wp-block-casa-image-copy .copy-panel {
    flex: 1;
    font-family: InstRegular;

    .headline-container {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .headline {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 700;
        line-height: 164%;
        color: var(--wp--preset--color--raisin-black);

        @media (min-width: 768px) {
            font-size: 1.125rem;
        }
    }

    .intro {
        margin-top: 22px;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 135%;
        text-transform: capitalize;
        color: var(--wp--preset--color--blue);

        @media (min-width: 768px) {
            margin-top: 26px;
            font-size: 2.5rem;
        }

        &.pre-body {
            font-size: 1.125rem;

            @media (min-width: 768px) {
                font-size: 1.625rem;
            }
        }
    }

    .body {
        margin-top: 8px;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 164%;
        color: var(--wp--preset--color--grey);

        @media (min-width: 768px) {
            font-size: 1rem;
        }

        span {
            font-weight: 700;
            color: var(--wp--preset--color--blue);
        }
    }

    .button-bar {
        margin-top: 22px;

        @media (min-width: 768px) {
            margin-top: 26px;
        }

        a {
            color: var(--wp--preset--color--grey25);
        }
    }

    .stat {
        margin-top: 14px;

        @media (min-width: 768px) {
            margin-top: 0;
            display: flex;
            align-items: center;
            gap: 33px;
        }

        .number-unit {
            flex: 1;
            font-size: 3.75rem;
            font-style: normal;
            font-weight: 700;
            line-height: 135%;
            letter-spacing: -1.2px;
            color: var(--wp--preset--color--blue);

            @media (min-width: 768px) {
                font-size: 5.625rem;
                letter-spacing: -1.8px;
            }
        }

        .description {
            flex: 1;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 700;
            line-height: 164%;
            color: #000;

            @media (min-width: 768px) {
                font-size: 1.125rem;
            }
        }
    }
}

.wp-block-casa-image-copy.image_top .copy-panel {
    margin-top: 64px;

    @media (min-width: 768px) {
        margin-top: 0;
    }
}

.wp-block-casa-image-copy .copy-panel.bordered {
    padding-left: 40px;
    border-left: 6px solid var(--wp--preset--color--light-yellow);
}