diff --git a/_sass/components/_about-us.scss b/_sass/components/_about-us.scss
index ea0495b321..aa639cfc02 100644
--- a/_sass/components/_about-us.scss
+++ b/_sass/components/_about-us.scss
@@ -861,3 +861,67 @@ a.anchor {
     grid-gap: 23px;
   }
 }
+
+.entire-quote{
+  margin-top: 30px;
+  width: 90%;
+}
+.quote-marks{
+  position: relative;
+  width: 20px;
+  display: inline-block;
+  vertical-align: top;
+  bottom: 10px;
+  left:-10px
+}
+
+#quote-tmc{
+  border-radius: 100px;
+  position: relative;
+  right: -50px;
+  bottom: 10px;
+  height: 75px;
+  width: 75px;
+}
+
+.mayor-cite{
+  position: relative;
+  bottom: 50px;
+  left: 20px;
+  color: #767676;
+  font-style: normal;
+}
+.quote-text{
+  position: relative;
+  display: inline-block;
+  width: 88%;
+}
+
+@media only screen and (min-width:700px){
+  .quote-text{
+    font-weight: bold;
+  }
+  .entire-quote{
+    position: relative;
+    width:93%;
+    left:100px;
+  }
+  #quote-tmc{
+    bottom: 110px;
+    right: 180px;
+    height: 100px;
+    width: 100px;
+  }
+  .mayor-cite{
+    position: relative;
+    left:125px;
+    bottom: 90px;
+    color: #767676;
+    font-style: normal;
+  }
+  .garcetti-quote{
+    position: relative;
+    margin-bottom: -100px;
+    margin-left:3vw;
+  }
+}
diff --git a/about-us.html b/about-us.html
index 21c03d0eb9..23c17cc16c 100644
--- a/about-us.html
+++ b/about-us.html
@@ -386,8 +386,14 @@ <h1>About Us</h1>
                             <p class="more-padding"><a href="https://www.latimes.com/local/california/la-me-hackathon-20150607-story.html" target="_blank" rel="noopener noreferrer">At L.A. ‘hackathon,’ civic- minded coders aim to put city data to good use</a></p>
                         </div>
                     </div>
-                    <div class="garcetti-mobile"><img src="assets/images/about-us/news-images/garcetti-mobile.svg"></div>
-                    <div class="garcetti-large"><img src="assets/images/about-us/news-images/garcetti-large.svg"></div> 
+                    <div class="garcetti-quote"><div class="entire-quote"><img class="quote-marks" src="assets/images/about-us/quotes.png"/> 
+                        <p class="quote-text">Hack for LA is a great example of how we can harness technology and our city's creativity to solve everyday problems. As Mayor, I will closely partner with our tech industry to create jobs and bring innovation to City Hall so government works faster and more efficiently.</p>
+                    </div>
+                        <cite class="mayor-cite">&#8212; Mayor Eric Garcetti</cite>
+                        <img id="quote-tmc" src="assets/images/testimonials/quote-garcetti.jpg" alt="Mayor Eric Garcetti">
+                    </div>
+                    
+                    
                 </div>
             </div>    
         </div>
diff --git a/assets/images/about-us/quotes.png b/assets/images/about-us/quotes.png
new file mode 100644
index 0000000000..d43188bacd
Binary files /dev/null and b/assets/images/about-us/quotes.png differ