Merge branch 'main' into dependabot/bundler/nokogiri-1.16.5

_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>

_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%;
 }

_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 {

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>