.media-text-inner {
    max-width: var(--max-width-lg);
    margin: var(--margin-auto);
}
.layout-default {
    display: var(--display-flex);
    flex-direction: row;
}
.layout-flipped {
    display: var(--display-flex);
    flex-direction: row-reverse;
}
@media (min-width: 769px) {
    .media-text-inner {
        display: var(--display-flex);
        flex-wrap: nowrap;
        gap: var(--gap-xl);
        align-items: center;
    }
    .media-text-image,
    .media-text-content {
        flex: 0 0 50%;
    }
}

@media (max-width: 768px) {
    .media-text-inner {
        display: var(--display-flex);
        flex-direction: var(--flex-direction);
        gap: 30px;
    }
}

.media-text-image img {
   width: var(--width-100);
    height: var(--height-auto);
    object-fit: cover;
}

.media-text-heading {
    margin: 0 0 16px 0;
}

.media-text-paragraph {
    margin: var(--margin-0);
}

@media (max-width: 1300px) {
    .media-text-inner {
        flex-direction: var(--flex-direction);
        flex-wrap: var(--flex-wrap);
        gap: var(--gap-xl);
    }
    .media-text-image,
    .media-text-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .media-text {
        padding-top: 40px;
    }
    .media-text-image img {
        max-height: 250px;
    }
    .media-text-heading {
        font-size: 24px;
        margin-bottom: 8px;
        text-align: center;
    }
    .media-text-paragraph {
        font-size: var(--font-sm);
        line-height: 1.6;
        padding: var(--padding-md);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .media-text-inner {
        gap: var(--gap-md);
    }
    .media-text-heading {
        font-size: 32px;
    }
    .media-text-paragraph {
        font-size: var(--font-md);
    }
}