fix images broken

Author: zzq0826

src/features/landing/sections/TutorialsCTA.astro

@@ -57,7 +57,7 @@ const people = [
     >
       <img
         class="videoPreview"
-        src={tutorialPreview}
+        src={tutorialPreview.src}
         alt="Learn more about the technology we are building on our YouTube channel"
       />
     </a>
@@ -92,7 +92,7 @@ const people = [
       people.map((people) => (
         <a href={people.link} target="_blank" rel="noopener">
           <img
-            src={people.image}
+            src={people.image.src}
             style="width: var(--space-6x); height: var(--space-6x); border-radius: 50%"
             alt={people.name}
           />

src/pages/user-guide/bridge.mdx

@@ -29,11 +29,11 @@ It takes about **2 minutes** (6 block confirmations on Scroll L1) before the tok
 
 1. Click your wallet address at the top-right corner of the Bridge web app. The pop-up panel lists the most recent 3 transactions that you made in the Bridge app (see the image below).
 
-   <img src={bridgeTransactions} alt="A preview of the Bridge UI showing recent transactions." />
+   <img src={bridgeTransactions.src} alt="A preview of the Bridge UI showing recent transactions." />
 
 1. Click the transaction hash of the recent deposit. It will open the _Transaction Details_ page in a new tab. You can find the block number containing this transaction.
 
-   <img src={transactionDetails} alt="Viewing the transaction details and block number of bridging an asset." />
+   <img src={transactionDetails.src} alt="Viewing the transaction details and block number of bridging an asset." />
 
 1. You can then check the latest block height in the [Scroll L1 Block Explorer]('https://l1scan.scroll.io/'). If the difference between the latest block height and the block number in Step 2 is greater than 6, the deposited token should be funded in your Scroll L2 wallet.
 
@@ -59,12 +59,12 @@ You can check the progress of withdrawal transactions as follows:
 
 1. Click your wallet address at the top-right corner of the Bridge web app. The pop-up panel lists the most recent 3 transactions you made in the Bridge app (see the image below).
 
-   <img src={bridgeTransactions} alt="A preview of the Bridge UI showing recent transactions." />
+   <img src={bridgeTransactions.src} alt="A preview of the Bridge UI showing recent transactions." />
 
 1. Click the transaction hash of the recent withdrawal. It will open the Transaction Details page in a new tab. You can find the block number containing this transaction.
 
    <img
-     src={transactionDetailsWithdraw}
+     src={transactionDetailsWithdraw.src}
      alt="Viewing the transaction details and block number of a widthdrawn asset."
    />