fix iframe issue

Author: Ishavyas9

docs/kaneai-manual-interaction-video.md

@@ -45,4 +45,4 @@ import TabItem from '@theme/TabItem';
 
 In this tutorial, learn how KaneAI simplifies test automation by allowing manual interaction to create prompts in natural language, analyzing test steps, generating code in various languages, and providing detailed test descriptions. 
 
-<iframe src="https://app.trupeer.ai/embed?slug=vrSqRvouk" width="640" height="360" frameborder="0" allowfullscreen="true" style="border-radius: 10px; overflow: hidden;"></iframe>
+<iframe src="https://app.trupeer.ai/embed?slug=vrSqRvouk" width="640" height="360" frameborder="0" allowfullscreen="true" className="KaneIframe"></iframe>

src/css/custom.css

@@ -1889,4 +1889,5 @@ table th:not(:last-child), table td:not(:last-child){border-right: 1px solid #d4
 .support_container{display: flex;gap:100px}
 .docusaurus-theme-github-codeblock .theme-code-block{max-height: 500px;overflow: auto;}
 .storylane-iframe{position:relative;padding-bottom:calc(45.26% + 25px);width:100%;height:0;transform:scale(1)}
-.storylane-iframe .sl-demo{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:1px solid rgba(63,95,172,0.35);box-shadow: 0px 0px 18px rgba(26, 19, 72, 0.15);border-radius:10px;box-sizing:border-box;}
+.storylane-iframe .sl-demo{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:1px solid rgba(63,95,172,0.35);box-shadow: 0px 0px 18px rgba(26, 19, 72, 0.15);border-radius:10px;box-sizing:border-box;}
+.KaneIframe{border-radius: 10px; overflow: hidden;}