d

src/Components/HomePage/index.jsx

@@ -6,6 +6,7 @@ import Home from "../Home/Home";
 import EditForm from "../edit/EditForm";
 import PostForm from "../post/PostForm";
 
+import muza from '../../img/homePage/muza.png';
 const APIURL = ''
 
 // const events = [
@@ -36,7 +37,9 @@ const HomePage = () => {
     <>
 
         <Header></Header>
+        <div className={styles.muza_img_container}><img src={muza} alt='muza' className={styles.muza_img}></img></div>
         <section className={styles.muza__container}>
+            
             <div className={styles.muza__title}>МУЗА</div>
             <div className={styles.muza__descr_container}>
                 <div className={styles.muza__descr}>Платформа для проведения well-being мероприятий</div>

src/Components/HomePage/style.module.scss

@@ -5,13 +5,19 @@
 }
 .muza {
     &__container {
-        height: 700px;
+        height: 780px;
         display: flex;
         align-items: center;
         flex-direction: column;
         width: 100%;
+        position: relative;
     }
-   
+   &_img {
+    position: absolute;
+    left: 0px;
+    top: 300px;
+    height: 480px;
+   }
     &__title {
         margin-top: 150px;
         color: #000;
@@ -23,6 +29,7 @@
         text-align: left;
         display: flex;
         width: 90%;
+        z-index: 10;
 
     }
     &__descr {
@@ -30,7 +37,7 @@
             display: flex;
             justify-content: flex-end;
         }
-        margin-top: 50px;
+        margin-top: 100px;
         margin-left: 70px;
         color: #000;
         font-family: Montserrat;
@@ -41,7 +48,7 @@
         text-align: left;
         display: flex;
         width: 60%;
-
+        z-index: 10;
     }
 }
 .meeting {