diff --git a/_includes/highlights.html b/_includes/highlights.html
index 7e8ebcc3..79489c4a 100644
--- a/_includes/highlights.html
+++ b/_includes/highlights.html
@@ -8,7 +8,7 @@
         <div class="usa-graphic-list__row grid-row grid-gap">
             <div class="usa-media-block">
                 <span class="graphic-icon__container">
-                  <img src="{{ site.baseurl }}/assets/images/banners/highlight-fellows-meetup--cropped.jpg" class="usa-media-block__img img-circle" alt="PIF Fellow speaking"/>
+                  <img src="{{ site.baseurl }}/assets/images/banners/home-building-bridges.webp" class="usa-media-block__img img-circle" alt="PIF Fellow speaking"/>
                   <div class="graphic-icon">
                     <img src="{{ site.baseurl }}/assets/images/icons/building.png" alt="building icon" />
                   </div>
@@ -52,7 +52,7 @@ <h2 class="usa-graphic-list__heading">Our people</h2>
         <div class="usa-graphic-list__row grid-row grid-gap">
             <div class="usa-media-block">
                 <span class="graphic-icon__container">
-                  <img src="{{ site.baseurl }}/assets/images/icons/agencies-background.jpg" class="usa-media-block__img img-circle" alt="PIF Fellow speaking"/>
+                  <img src="{{ site.baseurl }}/assets/images/icons/home-join-us-circle.webp" class="usa-media-block__img img-circle" alt="PIF Fellow speaking"/>
                   <div class="graphic-icon">
                     <img src="{{site.baseurl}}/assets/images/icons/connect.png" alt="connect icon"/>
                   </div>
diff --git a/_sass/custom/_footer-tagline.scss b/_sass/custom/_footer-tagline.scss
index 72d235e7..219bc59f 100644
--- a/_sass/custom/_footer-tagline.scss
+++ b/_sass/custom/_footer-tagline.scss
@@ -1,7 +1,7 @@
 .footer-tagline {
   @include u-bg('primary');
   @include overlay-base(360px);
-  background-image: url($baseurl + "/assets/images/banners/banner-homecoming-eeob-bw.jpg");
+  background-image: url($baseurl + "/assets/images/banners/join-us-footer-banner.webp");
   background-size: cover;
   background-position: 0 25%;
 }
diff --git a/_sass/uswds-overrides/_hero.scss b/_sass/uswds-overrides/_hero.scss
index 037ee676..b9002fb1 100644
--- a/_sass/uswds-overrides/_hero.scss
+++ b/_sass/uswds-overrides/_hero.scss
@@ -1,5 +1,5 @@
 .usa-hero {
-  background-image: url($baseurl + "/assets/images/banners/highlight-fellows-nasa-bw--cropped.jpg");
+  background-image: url($baseurl + "/assets/images/banners/homepage-banner.webp");
   background-position: 50% 25%;
   background-size: cover;
   padding: 0;
@@ -66,12 +66,12 @@
 }
 .about .usa-hero {
   @include hero-short;
-  background-image: url($baseurl + "/assets/images/banners/banner-design-users-bw.jpg");
+  background-image: url($baseurl + "/assets/images/banners/about-us-banner.webp");
   background-position: center right 15%;
 }
 .fellows .usa-hero {
   @include hero-short;
-  background-image: url($baseurl + "/assets/images/banners/banner-homecoming-eeob-bw.jpg");
+  background-image: url($baseurl + "/assets/images/banners/fellows-banner.webp");
 }
 .agencies .usa-hero {
   @include hero-short;
@@ -80,11 +80,11 @@
 }
 .apply .usa-hero {
   @include hero-short;
-  background-image: url($baseurl + "/assets/images/banners/banner-apply-bw.jpeg");
+  background-image: url($baseurl + "/assets/images/banners/become-a-fellow-page.webp");
 }
 .usa-hero.project {
   @include hero-short;
-  background-image: url($baseurl + "/assets/images/banners/banner-orientation-eeob-bw.jpg");
+  background-image: url($baseurl + "/assets/images/banners/project-banner.webp");
   background-position: top left 15%;
 }
 .usa-hero.faq {
diff --git a/about/index.html b/about/index.html
index a544488b..771b75d5 100644
--- a/about/index.html
+++ b/about/index.html
@@ -28,7 +28,7 @@ <h1>Our <em>mission</em></h1>
         </p>
       </div>
       <div class="display-block tablet:grid-col-4">
-        <img src="{{site.baseurl}}/assets/images/banners/highlight-fellows-homecoming3--cropped.jpg" class="usa-media-block__img img-circle" alt="PIF Fellow speaking"/>
+        <img src="{{site.baseurl}}/assets/images/banners/about-our-mission.webp" class="usa-media-block__img img-circle" alt="PIF Fellow speaking"/>
       </div>
     </div>
   </div>
diff --git a/assets/images/banners/about-our-mission.webp b/assets/images/banners/about-our-mission.webp
new file mode 100644
index 00000000..ed4fb217
Binary files /dev/null and b/assets/images/banners/about-our-mission.webp differ
diff --git a/assets/images/banners/about-us-banner.webp b/assets/images/banners/about-us-banner.webp
new file mode 100644
index 00000000..74fbd334
Binary files /dev/null and b/assets/images/banners/about-us-banner.webp differ
diff --git a/assets/images/banners/become-a-fellow-page.webp b/assets/images/banners/become-a-fellow-page.webp
new file mode 100644
index 00000000..9824e1e7
Binary files /dev/null and b/assets/images/banners/become-a-fellow-page.webp differ
diff --git a/assets/images/banners/fellows-banner.webp b/assets/images/banners/fellows-banner.webp
new file mode 100644
index 00000000..1efbb50c
Binary files /dev/null and b/assets/images/banners/fellows-banner.webp differ
diff --git a/assets/images/banners/home-building-bridges.webp b/assets/images/banners/home-building-bridges.webp
new file mode 100644
index 00000000..51beae64
Binary files /dev/null and b/assets/images/banners/home-building-bridges.webp differ
diff --git a/assets/images/banners/homepage-banner.webp b/assets/images/banners/homepage-banner.webp
new file mode 100644
index 00000000..890bf337
Binary files /dev/null and b/assets/images/banners/homepage-banner.webp differ
diff --git a/assets/images/banners/join-us-footer-banner.webp b/assets/images/banners/join-us-footer-banner.webp
new file mode 100644
index 00000000..707da590
Binary files /dev/null and b/assets/images/banners/join-us-footer-banner.webp differ
diff --git a/assets/images/banners/project-banner.webp b/assets/images/banners/project-banner.webp
new file mode 100644
index 00000000..6661c8c6
Binary files /dev/null and b/assets/images/banners/project-banner.webp differ
diff --git a/assets/images/icons/home-join-us-circle.webp b/assets/images/icons/home-join-us-circle.webp
new file mode 100644
index 00000000..c9b0b6a0
Binary files /dev/null and b/assets/images/icons/home-join-us-circle.webp differ