RWD is not working when using the Social Images function.

I want a workaround.
I am trying to inject JS, but it only applies to the dashboard.

(function() { function injectResponsiveCSS(path, cssRules) { if (window.location.pathname !== path) { console.log('Path does not match. CSS not injected.'); return; }
    const style = document.createElement('style');
    let cssText = '@media screen and (max-width: 768px) {\n';
    
    for (let selector in cssRules) {
        cssText += `  ${selector} { ${cssRules[selector]} }\n`;
    }
    
    cssText += '}';
    style.textContent = cssText;
    document.head.appendChild(style);
    console.log('Responsive CSS injected for multiple elements');
}

document.addEventListener('DOMContentLoaded', function() {
    injectResponsiveCSS(
        '/display-reviews/social-images/create',
        {
            '.h-screen .flex.flex-grow.h-full.overflow-hidden': `
                flex-direction: column-reverse;
                overflow: auto;
            `,
            '.flex.flex-none.h-full.duration-200.border-r': `
                width: 100%;
            `
        }
    );
});
})(); </script>