Website/new greenwood logo

www/components/banner/banner.css

@@ -21,7 +21,6 @@
 :host {
   & .banner {
     background-color: #fff;
-    min-height: 60vh;
 
     & .content {
       padding: 5vh 10px;
@@ -46,7 +45,7 @@
       & h3 {
         padding: 10px 0;
         max-width: 70%;
-        margin: 0 auto 10px;
+        margin: 20px auto;
         color: #201e2e;
 
         @media (min-width: 768px) {
@@ -56,8 +55,9 @@
       }
 
       & img {
-        width: 300px;
-        height: 300px;
+        display: block;
+        width: 40%;
+        margin: 10px auto;
       }
     }
 
@@ -98,8 +98,7 @@
         }
 
         & img {
-          width: 250px;
-          height: 250px;
+          width: 90%;
         }
       }
     }

www/components/banner/banner.js

@@ -55,14 +55,14 @@ class Banner extends LitElement {
         <eve-container>
           <div class='content'>
             <img
-              src="../../assets/greenwood-logo-300w.png"
+              src="/assets/greenwood-logo-300w.webp"
               alt="Greenwood Logo"
-              srcset="../../assets/greenwood-logo-300w.png 1x,
-                      ../../assets/greenwood-logo-500w.png 2x,
-                      ../../assets/greenwood-logo-750w.png 3x,
-                      ../../assets/greenwood-logo-1000w.png 4x,
-                      ../../assets/greenwood-logo-1500w.png 5x"/>
-
+              srcset="/assets/greenwood-logo-300w.webp 350w,
+                      /assets/greenwood-logo-500w.webp 500w,
+                      /assets/greenwood-logo-750w.webp 750w,
+                      /assets/greenwood-logo-1000w.webp 1000w,
+                      /assets/greenwood-logo-1500w.webp 1500w"/>
+            
             <h3>Your full stack <span class="emphasis-text">workbench for the web</span>.  Ready to help you build your next. . . <span class="${this.animateState}">${currentProjectType}.</span></h3>
 
             <eve-button size="md" href="/getting-started/" style="${buttonCss}">Get Started</eve-button>

www/templates/app.html

@@ -8,7 +8,7 @@
     <meta name="twitter:site" content="@PrjEvergreen"/>
     <meta property="og:type" content="website"/>
     <meta property="og:url" content="https://www.greenwoodjs.io"/>
-    <meta property="og:image" content="https://www.greenwoodjs.io/assets/greenwood-logo-300w.png"/>
+    <meta property="og:image" content="https://www.greenwoodjs.io/assets/greenwood-logo-og.png"/>
     <meta property="og:description" content="Your workbench for the web, focused on supporting modern web standards and development to help you create your next project."/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="mobile-web-app-capable" content="yes"/>