@media (max-width: 560px) {
    .story-media {
        display: block;
    }

    .story-company,
    .story-media-note,
    .story-field-video {
        width: 100%;
        margin-bottom: 12px;
    }

    .transformation-media {
        display: block;
    }

    .transformation-media figure {
        width: 100%;
        margin-bottom: 18px;
    }

    .change-marker {
        position: static;
        width: max-content;
        max-width: 100%;
        margin: 10px auto 18px;
        writing-mode: horizontal-tb;
        transform: none;
    }

    .button,
    .text-link,
    .footer-links a,
    .mobile-menu-links a {
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .review-meta {
        flex-wrap: wrap;
    }
}