Some changes

css/footer.css

@@ -12,6 +12,7 @@
     width: 100%;
     display: flex;
     justify-content: center;
+    max-width: 500px;
 }
 
 .footer__container .footer__container--logo img {

css/section-one.css

@@ -1,4 +1,4 @@
-.section-one {
+.section-one__third-background {
     display: flex;
     flex-direction: column;
     align-items: center;

css/section-three.css

@@ -6,7 +6,9 @@
     width: 100%;
     flex: wrap;
 }
-
+.section-three h2 {
+    margin: 20px 0;
+}
 .section-three p {
     margin: 10px 0;
     line-height: 1.7rem;

index.html

@@ -30,11 +30,18 @@
     </header>
     <main>
         <section class="section-one">
-            <img src="./img/icons/dont-starvelogo.png" alt="Don´t Starve Logo">
-            <h3>Purchase and play Don´t Starve</h3>
-            <p>Don’t Starve is an uncompromising wilderness survival game full of science and magic.</p>
-            <a class="btnBuy" href="https://store.steampowered.com/app/219740/Dont_Starve/" target="_blank">Buy Now</a>
-        </section>
+            <div class="section-one__first-background">
+                <div class="section-second-background">
+                    <div class="section-one__third-background">
+                        <img src="./img/icons/dont-starvelogo.png" alt="Don´t Starve Logo">
+                        <h3>Purchase and play Don´t Starve</h3>
+                        <p>Don’t Starve is an uncompromising wilderness survival game full of science and magic.</p>
+                        <a class="btnBuy" href="https://store.steampowered.com/app/219740/Dont_Starve/" target="_blank">Buy Now</a>
+
+                    </div>
+                </div>
+            </div>
+            </section>
         <section class="section-two" id="gallery">
             <h2>Gallery</h2>
             <div class="section-two__gallery">