adds qa changes

docs/use-cases/rwa-tokenization.page.tsx

@@ -121,10 +121,7 @@ function FeatureCard({ title, description }) {
   return (
     <article className="feature-card">
       <header className="feature-header">
-        <h2 className="feature-title">
-          {title}
-          <div className="right-arrow-item" />
-        </h2>
+        <h2 className="feature-title">{title}</h2>
       </header>
       <p className="feature-description">{translate(description)}</p>
     </article>
@@ -213,12 +210,12 @@ function DeveloperTools() {
               ))}
             </ul>
           </div>
-          <div className="col-lg-6">
-            <img
-              src="https://cdn.builder.io/api/v1/image/assets/TEMP/c98dd39ff57551bf5900a0e69f90c7bc9a72b376cc462e2caebaaecdc622267d?placeholderIfAbsent=true&apiKey=7f21b7559e5f46cebba4373859bcb6b5"
-              alt="Developer tools illustration"
-              className="developer-tools__image img-fluid"
-            />
+          <div className="col-lg-6 m-h-300">
+            <div
+              className="developer-tools__image"
+              role="img"
+              aria-label="Developer tools illustration"
+            ></div>
           </div>
         </div>
       </div>

styles/_pages.scss

@@ -1779,8 +1779,15 @@ html.light {
   }
 
   .developer-tools__image {
-    max-width: 100%;
-    height: auto;
+    width: 110%;
+    height: 124%;
+    background-image: url("../img/tokenization/graphic.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  .m-h-300 {
+    min-height: 300px;
   }
   
   @media (max-width: 991px) {

styles/light/_light-theme.scss

@@ -1270,7 +1270,9 @@ $company-logos-light: (
     background-image: url(#{$path});
   }
 }
-
+.developer-tools__image {
+  background-image: url("../img/tokenization/lightmode/graphic.png");
+}
 .token-video-text-container {
   p {
     color: var(--XRPL-Primary-Black, #000);