Added background section

css/styles.css

@@ -63,6 +63,11 @@ a:hover {
     color: var(--main-highlight-color);
 }
 
+p {
+  color: white;
+  font-size: 1.1rem;
+}
+
 .Navbar {
     background-color: var(--main-card-bg-color);
     display: flex;
@@ -150,6 +155,7 @@ h1 {
   margin-top: -19.5rem;
   margin-right: 10%;
   box-shadow: 10px 15px var(--main-highlight-color);
+  text-align: center;
 }
 
 .map-section-1 {
@@ -164,3 +170,17 @@ h1 {
   margin-left: 10%;
   box-shadow: 10px 15px var(--main-highlight-color);
 }
+
+.poaching-image {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+.poaching-image img {
+  width: auto;
+  height: auto;
+  max-height: 100%;
+  max-width: 100%;
+}

index.html

@@ -34,16 +34,14 @@
   <div class="background-section">
     <div class="section-header">
       <h1>Background</h1>
+      <p>Poaching is a widespread issue that's affecting countless countries around the world. Poaching is the illegal hunting or capturing of wild animals. Usually, animals are poached for parts of their bodies, such as a rhino's horn or an elephant's tusks. Poachers can then sell these body parts for millions of dollars on the black market. This illegal hunting can have disastrous effects on the ecosystems of the area, and can even cause certain species to become extinct.</p>
     </div>
   </div>
 
   <!-- Start image section -->
   <div class="image-section-1">
     <div class="poaching-image">
-      <img src="/static/img/" alt="">
-    </div>
-    <div class="image-caption">
-      <caption></caption>
+      <img src="static/img/background-poaching.jpg" alt="A dead rhino with its horns removed">
     </div>
   </div>
 
@@ -73,7 +71,7 @@
     <!-- Start image section -->
     <div class="image-section-1">
       <div class="poaching-image">
-        <img src="/static/img/" alt="">
+        <img src="static/img/" alt="">
       </div>
       <div class="image-caption">
         <caption></caption>

static/site.webmanifest

@@ -1 +1 @@
-{"name":"Impact of Poaching on Ecosystems","short_name":"Poaching's Impact","icons":[{"src":"/static/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/static/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{"name":"Impact of Poaching on Ecosystems","short_name":"Poaching's Impact","icons":[{"src":"static/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"static/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}