diff --git a/frontend/package.json b/frontend/package.json
index 26e8c7f..1b47258 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -50,4 +50,4 @@
     ]
   },
   "packageManager": "yarn@3.6.1"
-}
\ No newline at end of file
+}
diff --git a/frontend/public/cockpit.png b/frontend/public/cockpit.png
new file mode 100644
index 0000000..0cb50e5
Binary files /dev/null and b/frontend/public/cockpit.png differ
diff --git a/frontend/public/mech-idle-less-min.gif b/frontend/public/mech-idle-less-min.gif
new file mode 100644
index 0000000..4c99b15
Binary files /dev/null and b/frontend/public/mech-idle-less-min.gif differ
diff --git a/frontend/public/mech-idle-less.gif b/frontend/public/mech-idle-less.gif
new file mode 100644
index 0000000..ea86e1d
Binary files /dev/null and b/frontend/public/mech-idle-less.gif differ
diff --git a/frontend/src/components/LandingCard/LandingCard.module.css b/frontend/src/components/LandingCard/LandingCard.module.css
index 6e814d8..0929a46 100644
--- a/frontend/src/components/LandingCard/LandingCard.module.css
+++ b/frontend/src/components/LandingCard/LandingCard.module.css
@@ -35,10 +35,9 @@
 
 .mech {
   position: absolute;
-  bottom: -2px;
-  left: -40%;
+  bottom: -14px;
+  left: -29%;
   height: 100%;
-  transform: scale(1.55);
 }
 
 .demoInfo {
diff --git a/frontend/src/components/LandingCard/index.tsx b/frontend/src/components/LandingCard/index.tsx
index f8da327..0d067b2 100644
--- a/frontend/src/components/LandingCard/index.tsx
+++ b/frontend/src/components/LandingCard/index.tsx
@@ -16,7 +16,11 @@ const LandingCard: React.FC = () => {
         operator of its Mech.
       </p>
       <div className={classes.demoCard}>
-        <img src="/mech-idle.gif" alt="Mech" className={classes.mech} />
+        <img
+          src="/mech-idle-less-min.gif"
+          alt="Mech"
+          className={classes.mech}
+        />
         <ul className={classes.demoInfo}>
           <li>
             <label>Mech</label>
diff --git a/frontend/src/components/Layout/index.tsx b/frontend/src/components/Layout/index.tsx
index 41fda07..066149a 100644
--- a/frontend/src/components/Layout/index.tsx
+++ b/frontend/src/components/Layout/index.tsx
@@ -27,7 +27,7 @@ const Layout: React.FC<Props> = ({ children, mechAddress }) => {
 
   return (
     <div className={classes.layout}>
-      <img src="/cockpit.jpg" alt="cockpit" className={classes.cockpit} />
+      <img src="/cockpit.png" alt="cockpit" className={classes.cockpit} />
       <header className={classes.header}>
         <div className={classes.nav}>
           <Link to="/">