/* The original images must not determine the width of the Alella columns. */
#alella-roots.two-columns-content .two-cols > .col {
    flex: 1 1 0;
    min-width: 0;
}

#alella-roots.two-columns-content .tc-image img {
    display: block;
    width: 100%;
    max-width: 540px;
    height: auto;
}

#alella-roots.two-columns-content .tc-text,
#alella-roots.two-columns-content .tc-title {
    overflow-wrap: anywhere;
}

@media (max-width: 991px) {
    #alella-roots.two-columns-content .two-cols {
        flex-direction: column;
        gap: 48px;
    }

    #alella-roots.two-columns-content .two-cols > .col {
        flex: 0 0 auto;
        width: 100%;
    }

    #alella-roots.two-columns-content .tc-title h2,
    #alella-roots.two-columns-content .tc-title h2 em {
        font-size: clamp(30px, 5vw, 43px);
    }
}
