feat: improve app section

src/components/sections/products/app/app.module.scss

@@ -2,10 +2,7 @@
 
 .section {
   @include respond-to('mobile') {
-    background-image: url('/images/pre-footer-mobile.png');
-    background-position: 50%;
-    background-size: cover;
-    height: calc(var(--vw) * 95);
+    height: calc(var(--vw) * 80);
   }
 
   display: flex;
@@ -13,7 +10,7 @@
   align-items: center;
   justify-content: center;
   margin: tovw(100px, 'default', 50px) 0;
-  height: calc(var(--vw) * 60);
+  height: calc(var(--vw) * 45);
 
   .container {
     @include respond-to('mobile') {

src/components/sections/products/app/index.tsx

@@ -10,17 +10,6 @@ import s from './app.module.scss'
 const AppSection = () => {
   return (
     <Section className={s['section']} id="laconicapp">
-      <video
-        autoPlay
-        className={clsx('hide-on-mobile', s['video'])}
-        controls={false}
-        loop
-        muted
-        playsInline={true}
-        preload="true"
-      >
-        <source src="/videos/hero-grid.mp4" type="video/mp4" />
-      </video>
       <Container className={s['container']}>
         <Heading as="h2" variant="lg">
           Laconic App