diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js
index fcc8f8be..5e0d34db 100644
--- a/src/components/HomepageFeatures.js
+++ b/src/components/HomepageFeatures.js
@@ -131,8 +131,8 @@ export default function HomepageFeatures() {
                                         <div>
                                             <h2 className="font-weight-bolder mb-0">How it Works<br /></h2>
                                         </div>
+                                        <div className="lc-block mb-5"><img src="../img/harvester-arch-update-grey.png" alt="Harvester Architecture Diagram" /></div>
                                     </div>
-                                    <div className="lc-block mb-5"><img src="../img/harvester-architecture-update.png" alt="Harvester Architecture Diagram" /></div>
                                 </div>
                             </div>
                         </div>
diff --git a/static/img/harvester-arch-update-grey.png b/static/img/harvester-arch-update-grey.png
new file mode 100644
index 00000000..d743704a
Binary files /dev/null and b/static/img/harvester-arch-update-grey.png differ
diff --git a/static/img/harvester-architecture-update.png b/static/img/harvester-architecture-update.png
deleted file mode 100644
index 3658ba26..00000000
Binary files a/static/img/harvester-architecture-update.png and /dev/null differ