Improve readability of text above Figure 4.18 in Chapter 4 docs

Author: naman79820

docs/chapter4/8misc.md

@@ -138,7 +138,10 @@ Table 4.20: CTR port input opcodes for different functionalities of ALU
 
 The **Adder** circuit element is a logical circuit of a full adder that performs an addition operation on binary numbers and produces a sum of the three inputs and a carry value (Cout). Figure 4.18 displays the different pins available for the **Adder **circuit element within CircuitVerse and Table 4.21 shares a brief description of the same.
 
-> Properties that can be customized in the **PROPERTIES** panel include: **Direction**
+:::note
+Properties that can be customized in the **PROPERTIES** panel include: **Direction**
+:::
+
 
 ![drawing](/img/img_chapter4/4.18.png)
 

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;
+  }
+}