.paragraph--type--text-image {
    margin-block-start: 35px;
}

.paragraph--type--text-image .field--name-field-image-paragraph {
    width: 33%;
    margin: unset;
}

.paragraph--type--text-image.text_image .field--name-field-image-paragraph{
    float: right;
    padding-inline-start: 16px;
}

.paragraph--type--text-image.image_text .field--name-field-image-paragraph {
    padding-inline-end: 16px;
    float: left;
}

.paragraph--type--text-image.only_text .field--name-field-image-paragraph {
    display: none;
}

.paragraph--type--text-image .field--name-field-image-paragraph img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 12px;
    margin: unset;
    margin-block-end: 8px;
}

@media (max-width: 991px) {
    .paragraph--type--text-image .field--name-field-image-paragraph {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .paragraph--type--text-image {
        display: flex;
        flex-direction: column;
        align-items: unset;
    }

    .paragraph--type--text-image .field--name-field-text-paragraph {
        order: 2;
    }

    .paragraph--type--text-image .field--name-field-image-paragraph {
        order: 1;
        display: flex;
        width: 100%;
        padding: unset !important;
        float: unset !important;
    }

    .paragraph--type--text-image .field--name-field-image-paragraph img {
        width: 50%;

        margin: auto;
    }
}

@media (max-width: 567px) {
    .paragraph--type--text-image .field--name-field-image-paragraph img {
        width: 75%;
    }
}

@media (max-width: 467px) {
    .paragraph--type--text-image .field--name-field-image-paragraph img {
        width: 100%;
    }
}