Merge Conflict resolve

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>

Author: Rajesh-Nagarajan-11

src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js

@@ -183,19 +183,17 @@ const KanvasisualizerFeatures = () => {
             </a>
           </Col>
           <Col $sm={12} $md={6} $lg={4}>
-          <a href="https://docs.layer5.io/kanvas/operator/#understanding-interactive-terminal" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
-            <div className={(isHovered && hoveredFeature != "Feature3") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(3)} onMouseOut={handleMouseOut}>
-              <div className="docs-icon-wrapper">
-                <DocsIcon/>
-              </div>
-              <div className="feature-image">
-                <img src={InteractiveTerminal} alt="Interactive Terminal" style={{ position: "absolute", width: "80%", zIndex: "0" }} />
-                <img src={InteractiveTerminalCode} alt="" className={hoveredFeature == "Feature3" ? "secondary-image-visible" : "secondary-image"} style={{ position: "relative", width: "80%", zIndex: "10" }} />
-              </div>
-              <h3>Interactive Terminal</h3>
-              <p>Establish sessions with one or more pods at a time.</p>
-            </div>
-          </a>
+            <a href="https://docs.layer5.io/kanvas/operator/#understanding-interactive-terminal" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
+              <div className={(isHovered && hoveredFeature != "Feature3") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(3)} onMouseOut={handleMouseOut}>
+                <div className="docs-icon-wrapper">
+                  <DocsIcon/>
+                </div>
+                <div className="feature-image">
+                  <img src={InteractiveTerminal} alt="Interactive Terminal" style={{ position: "absolute", width: "80%", zIndex: "0" }} />
+                  <img src={InteractiveTerminalCode} alt="" className={hoveredFeature == "Feature3" ? "secondary-image-visible" : "secondary-image"} style={{ position: "relative", width: "80%", zIndex: "10" }} />
+                </div>
+                <h3>Interactive Terminal</h3>
+                <p>Establish sessions with one or more pods at a time.</p>
               </div>
             </a>
           </Col>
@@ -214,7 +212,7 @@ const KanvasisualizerFeatures = () => {
               <div className="feature-image">
                 <img src={isDark ? ServicePerformanceGearDark : ServicePerformanceGearLight} alt="Service Performance" style={{ position: "absolute", zIndex: "0" }} />
                 <ServicePerformanceMeter alt="" className={hoveredFeature == "Feature5" ? "meter-visible" : "secondary-image"}
-                  style={{ height: "auto", width: "70%", position: "relative", zIndex: "10", transformOrigin: "center center" }}
+                  style={{ height: "auto", width: "70%",position: "relative", zIndex: "10", transformOrigin: "center center" }}
                 />
               </div>
               <h3>Service Performance</h3>