function twinmotion_embed_responsive($atts) {
    ob_start();
    ?>
    <style>
        .twinmotion-embed-wrapper {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
        }

        .twinmotion-embed-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
    <div class="twinmotion-embed-wrapper">
        <div style="padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;">
            <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
                    title="Embedded panorama 'Panorama Set1'" frameborder="0"
                    allow="fullscreen; gyroscope; accelerometer; magnetometer; execution-while-out-of-viewport; execution-while-not-rendered;"
                    allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true"
                    src="https://twinmotion.unrealengine.com/panorama/iDvv4x_kn_9pZ_JD?embed">
            </iframe>
        </div>
    </div>
    <?php
    return ob_get_clean();
}
add_shortcode('twinmotion_embed', 'twinmotion_embed_responsive');