Fixed some images

Author: nikapadia

img/Website-Cropped-11.jpg

@@ -54,18 +54,18 @@ <h2>Mission Statement</h2>
     <div class="row">
       <div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
         <!-- on large devices its size 4, on small devices its size 12. or smth idk?? -->
-        <img src="img/Robot.jpeg" class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
-        <img src="img/IMG_1673.JPG" class="w-100 shadow-1-strong rounded mb-4" alt="" />
+        <img src="img/Website-Cropped-05.jpg" class="w-100 shadow-1-strong rounded mb-4" alt="" />
+        <img src="img/Website-Cropped-09.jpg" class="w-100 shadow-1-strong rounded mb-4" alt="" />
       </div>
       <div class="col-lg-4 mb-4 mb-lg-0">
-        <img src="https://mdbootstrap.com/img/Photos/Vertical/mountain2.jpg"
+        <img src="img/Robot.jpeg"
           class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
-        <img src="img/Robot.jpeg" class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
+        <img src="" class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
       </div>
       <div class="col-lg-4 mb-4 mb-lg-0">
-        <img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(18).jpg"
+        <img src="img/Website-Cropped-11.jpg"
           class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
-        <img src="img/IMG_1673.JPG" class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
+        <img src="img/Website-Cropped-07.jpg" class="w-100 shadow-1-strong rounded mb-4 img-fluid" alt="" />
       </div>
     </div>
   </div>

outreach.html

@@ -11,11 +11,17 @@
 }
 
 .carousel-inner img {
-    align-items: center;
     padding-top: 10px;
 
 }
 
+.carousel-item img {
+    display: block;
+    margin-right: auto;
+    margin-left: auto;
+    filter: brightness(50%);
+}
+
 .pr-header-image {
     background-image: url('img/programming\ header2.jpg');
     background-repeat: no-repeat;