Fix: Make iframes responsive below 650px using global CSS media query (#462)

* Style: add custom.css and update docusaurus.config.js for responsive iframes

* removed !important from iframe css

* format css file

---------

Co-authored-by: Nihal <65150640+Nihal4777@users.noreply.github.com>

Author: naman79820

docusaurus.config.js

@@ -35,6 +35,7 @@ const config = {
 					customCss: [
 						require.resolve('./src/css/theme.css'),
 						require.resolve('./src/css/darkTheme.css'),
+						require.resolve('./src/css/custom.css'),
 					],
 				},
 			},

src/css/custom.css

@@ -0,0 +1,8 @@
+/* === Custom global styles for CircuitVerse Docs === */
+@media (max-width: 650px) {
+  iframe {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 4 / 3;
+  }
+}