Попытка встроить HTML SketchFab Viewer в Markdown с Iframe и получить странные визуальные эффекты

Question

Я пытаюсь вставить код html в свой документ уценки для моей веб-страницы Jekyll (на основе темы Jekyll Serif) ..

При вставке кода вставки:

<div class="sketchfab-embed-wrapper">
    <iframe title="A 3D model" width="700" height="480" src="https://sketchfab.com/models/5fd6a228227743d09895a4640936a47c/embed?preload=1&amp;ui_controls=1&amp;ui_infos=1&amp;ui_inspector=1&amp;ui_stop=1&amp;ui_watermark=1&amp;ui_watermark_link=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
    <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
        <a href="https://sketchfab.com/3d-models/medieval-castle-atzelsberg-5fd6a228227743d09895a4640936a47c?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Medieval Castle Atzelsberg</a>
        by <a href="https://sketchfab.com/geomapcad?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">MapCad3d</a>
        on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
    </p>
</div>

Графическое отображение страницы становится странным, начинают появляться странные строки:

Также текст становится немного размытым ...

Я попытался точно определить проблему и обнаружил:

Когда я использую другую ссылку на любой другой сайт, проблем нет. Когда я вставляю код встраивания в другую страницу hmtl моей веб-страницы, все в порядке ...

Проблема со строками появляется только в firefox, но не в ребре. Но текст по-прежнему выглядит немного размытым по краям. ..

Так что мне кажется, что существует некоторый конфликт с форматом уценки и этим 3D-средством просмотра ...

Любые идеи, как я можно решить это?

Большое спасибо