arrumando o css do site e fazendo a parte mobile junto

assets/css/style.css

@@ -4,8 +4,8 @@
     box-sizing: border-box;
 }
 .page-header{
-    position: flex;
+    display: flex;
-    width: 1920px;
+    width: 100%;
     height: 101px;
     left: 0px;
     top: 0px;
@@ -19,9 +19,8 @@
     top: 29px;
 }
 .main-banner-desktop{
-    position: absolute;
+    width: 100%;
-    width: 1920px;
+    height: auto;
-    height: 700px;
     left: 0px;
     top: 101px;
 }
@@ -36,8 +35,7 @@
     }
 }
 .title-one{
-    position: absolute;
+    width: 100%;
-    width: 220px;
     height: 39px;
     left: 850px;
     top: 874px;
@@ -50,8 +48,7 @@
     color: #000000;
 }
 .title-two{
-    position: absolute;
+    width: 100%;
-    width: 403px;
     height: 58px;
     left: 758px;
     top: 913px;
@@ -63,3 +60,25 @@
     text-transform: uppercase;
     color: #000000;
 }
+.title-three{
+    width: 100%;
+    height: 56px;
+    left: 577px;
+    top: 999px;
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    color: #000000;
+
+}
+.image-pc{
+    width: 315px;
+    height: 315.5px;
+     position: absolute;
+    left: 30%;
+    right: 0%;
+    top: 90%;
+    bottom: -0.16%;
+}

index.html

@@ -25,6 +25,9 @@
             <div>
                 <h1 class="title-one">Lorem ipsum</h1>
                 <h2 class="title-two">dolor sit amet</h2>
+                <h3 class ="title-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                    Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. </h3>
+                <img class ="image-pc" src="./assets/images/image-pc.png" alt="Imagem de informacao de conteudo">
             </div>
         </section>
     </main>