landing page: remove video animation ; remove unnecessary images

src/pages/Landing/components/LandingContainer/VideoSection/VideoSection.tsx

@@ -1,7 +1,5 @@
 import React, { FC } from "react";
 import { useTranslation } from "react-i18next";
-import landingVideoPosterSrc from "@/shared/assets/images/landing-video-poster.jpeg";
-import landingVideoSrc from "@/shared/assets/videos/landing-video.mp4";
 import { Button, ButtonVariant } from "@/shared/ui-kit";
 import "./index.scss";
 
@@ -16,19 +14,6 @@ const VideoSection: FC<VideoSectionProps> = ({ onLaunchClick }) => {
 
   return (
     <section className="landing-video-section">
-      <div className="landing-video-section__video-wrapper">
-        <video
-          className="landing-video-section__video"
-          autoPlay
-          loop
-          muted
-          playsInline
-          poster={landingVideoPosterSrc}
-          preload="auto"
-        >
-          <source src={landingVideoSrc} type="video/mp4" />
-        </video>
-      </div>
       <div className="landing-video-section__main-info">
         <h1 className="landing-video-section__main-info-title">
           {t("videoSection.title.part1")}

src/pages/Landing/components/LandingContainer/VideoSection/index.scss

@@ -6,19 +6,11 @@ $viewport-breakpoint: 1000px;
 
 .landing-video-section {
   position: relative;
-}
-
-.landing-video-section__video-wrapper {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  opacity: 0.8;
-}
-
-.landing-video-section__video {
+  background-image: url("/assets/images/landing-poster.jpeg");
+  background-size: cover;
+  background-position: center;
   width: 100%;
   height: 37.125rem;
-  object-fit: cover;
 }
 
 .landing-video-section__main-info {