Importance page and food labels page

src/components/About.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import foodpileimg from '../images/foodpile.jpg';
-import foodbinimg from '../images/foodbin.png';
+import foodpileimg from '../images/foodbin.png';
+import foodbinimg from '../images/starve.jpg';
+import throwing from '../images/throwfood.jpg';
 
  const About = () => {
 
@@ -12,16 +13,23 @@ import foodbinimg from '../images/foodbin.png';
           <div class="carousel-inner">
             <div class="carousel-item active">
             <img src={foodpileimg} class="d-block w-75 imgsize" alt=" fool pile image"/>
-            <div class="carousel-caption">
+            <div class="carousel-caption d-none d-md-block">
               <h5 class="display-4 text-white text-center">Did you know</h5>
-              <p>1/3 of all food in the world are wasted each year</p>
+              <p class="psizes">1/3 of all food in the world are wasted each year, which is over 1.3 billion tons. The wastes end up in the landfill and produce greenhouse gas emissions, leading to global warming.</p>
             </div>
             </div>
             <div class="carousel-item active">
             <img src={foodbinimg} class="d-block w-75 imgsize" alt=" fool bin image"/>
-            <div class="carousel-caption">
+            <div class="carousel-caption d-none d-md-block">
               <h5 class="display-4 text-white text-center">Did you know</h5>
-              <p>1/3 of all food in the world are wasted each year</p>
+              <p class="psizes">By sorting waste into the right bins, you can help reduce greenhouse gas problems. Sorting organic waste can benefit as a nutrient for soil and fertilizing, along with finding the right way to get rid of the specifit type of waste.</p>
+            </div>
+            </div>
+            <div class="carousel-item active">
+            <img src={throwing} class="d-block w-75 imgsize" alt=" fool pile image"/>
+            <div class="carousel-caption d-none d-md-block">
+              <h5 class="display-4 text-white text-center">Did you know</h5>
+              <p class="psizes">Despite the outrageous amount of food waste, over 800 million people are undernourished. We have enough food to feed everyone, but we cannot distribute it equally.</p>
             </div>
             </div>
           </div>

src/index.css

@@ -109,10 +109,7 @@ code {
   width: 30%;
 }
 
-.carousel-caption {
-  top: 43px;
-  bottom: auto;
-}
+
 
 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
@@ -121,3 +118,17 @@ code {
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  }
+
+ .psizes{
+  font-size: 30px;
+ }
+
+ .carousel-caption{
+  margin-bottom: 170px;
+ }
+
+ .btn-light{
+  padding: 30px 60px;
+  font-size: 30px;
+  border-radius: 10px;
+ }