.asptt-block-image-text {
    display: flex;
    align-items: flex-start;

    --width-image: 597px;
    --gap: 45px;

    gap: var(--gap);
}
.asptt-block-image-text.asptt-block-image-text--left {
    flex-direction: row;
}
.asptt-block-image-text.asptt-block-image-text--right {
    flex-direction: row-reverse;
}

.asptt-image-text__image-container {
    width: var(--width-image);
    height: max-content;
    aspect-ratio: 597/336;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.asptt-image-text__image-container > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.asptt-image-text__content-container{
    width: calc(100% - var(--width-image) - var(--gap));
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.asptt-block-image-text .asptt-image-text__text{
    font-size: 14px;
    line-height: 2;
}

@media screen and (max-width: 1130px) {
    .asptt-block-image-text {
        --width-image: 520px;
    }
}

@media screen and (max-width: 1000px) {
    .asptt-block-image-text {
        --width-image: 450px;
    }
}

@media screen and (max-width: 900px) {
    .asptt-block-image-text {
        --width-image: 380px;
    }
}

@media screen and (max-width: 768px) {
    .asptt-block-image-text {
        flex-direction: column !important;
        --gap: 25px;

        --width-image: calc(100% - 4px);
    }

    .asptt-image-text__image-container {
        align-self: flex-start;
    }

    .asptt-image-text__content-container{
        width: 100%;
    }
    .asptt-block-image-text .asptt-image-text__text {
        line-height: 1.35;
    }
}