.mrtl-1886-container {
    display: flex;
    width: 100%;
}

.mrtl-1886-content,
.mrtl-1886-media {
    flex: 1;
    min-width: 0; /* Prevent flex blowout */
}

.mrtl-1886-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.mrtl-1886-heading {
    margin-top: 0;
    margin-bottom: 15px;
}

/* Responsive adjustment */
@media (max-width: 767px) {
    .mrtl-1886-container {
        flex-direction: column-reverse !important; /* Image on top on mobile usually looks better */
        gap: 20px !important;
    }
}