add fixed imgs make long imgs long

components/Figure.js

@@ -52,6 +52,14 @@ const RowImg = styled.img`
   }
 `;
 
+const LongImg = styled.img`
+  height: 30vh;
+  @media only screen and (max-width: 768px) {
+    width: 80vw;
+    height: auto;
+  }
+`;
+
 const Center = styled.div`
   display: flex;
   justify-content: center;
@@ -76,6 +84,8 @@ export default function Figure({
               <RowImg src={i} />
             ))}
           </div>
+        ) : long ? (
+          <LongImg src={src} />
         ) : (
           <Img src={src} />
         )}
@@ -108,6 +118,8 @@ export default function Figure({
             <RowImg src={i} />
           ))}
         </div>
+      ) : long ? (
+        <LongImg src={src} />
       ) : (
         <Img src={src} />
       )}

pages/description.mdx

@@ -180,7 +180,7 @@ optimized CFPS reaction has the potential to accelerate the research and
 development pipeline of biologics.
 
 <Figure
-  src="https://static.igem.wiki/teams/4796/wiki/usermanual/usermanual/protein-production-efficiency-instagram-post-1.svg"
+  src="https://static.igem.wiki/teams/4796/wiki/fixedimages/asset-3.svg"
   num="3"
   caption="Graphic summarizing UBC iGEM Vancouver 2023 project"
   long

pages/design.mdx

@@ -424,7 +424,7 @@ frontiers of complex bio-designed molecules that it can synthesise.
       other halves of the Nrdj intein and mCherry
     </>
   }
-  src="https://static.igem.wiki/teams/4796/wiki/design/image13.png"
+  src="https://static.igem.wiki/teams/4796/wiki/fixedimages/asset-1.svg"
 />
 
 Our methanol utilisation vector employs a dual plasmid circuitry system

pages/model.mdx

@@ -119,7 +119,7 @@ _**Residue 382**_: A deeper examination of residue 382 revealed that most mutati
 <Figure
   num="1"
   caption="The figure illustrates changes in mean ΔΔG values on the Y-axis, while the X-axis represents the original amino acid (the amino acid that was replaced due to mutation). As observed, mutating Glycine (G) throughout the amino acid chain to any other amino acid tends to negatively affect the score more than other mutations. On the other hand, while mutating Tryptophan (W) to another amino acid does impact the score, it leads to significantly less destabilization. The red line denotes the average change in the ΔΔG score, grouped by the amino acid that was replaced due to mutation."
-  src="https://static.igem.wiki/teams/4796/wiki/proteinmodelling/mean-ddg-score-by-prev-aa.png"
+  src="https://static.igem.wiki/teams/4796/wiki/proteinmodelling/mean-ddg-score-by-prev-aa-update.png"
 />
 
 <Figure

pages/usermanual.mdx

@@ -140,7 +140,7 @@ The second and third plasmids are a part of a larger effort to improve
 protein production and purification. PILOT uses 3 main components in
 tandem to this genetic design to offer this.
 
-<Figure src="https://static.igem.wiki/teams/4796/wiki/usermanual/usermanual/methanol-utilization-bw.png" num="3" long/>
+<Figure src="https://static.igem.wiki/teams/4796/wiki/fixedimages/asset-1.svg" num="3" long/>
 
 ### Component 1: Inverted Membrane Vesicles