Add wave image to home page

app/assets/stylesheets/partials/_images.scss

@@ -14,3 +14,10 @@
 .choir {
   background-image: url(mission/choir.webp);
 }
+
+.wave {
+  background-image: url(wave.webp);
+  background-repeat: no-repeat;
+  
+  background-size: 100% 100%;
+}

app/views/home/index.html.erb

@@ -1,8 +1,8 @@
 <!-- Header-->
-<header class="py-4 relative">
+<header class="py-4 relative wave">
   <div class="container px-5">
-    <div class="row justify-content-center align-items-center" >
-      <%= image_tag "logo.svg", size: '330x330', class: "col-12 col-md-4 col-lg-7 mx-0 px-0", style: "width:50%; min-width:400px;" %>
+    <div class="row  align-items-center justify-content-center " >
+      <%= image_tag "logo.svg", size: '330x330', class: "col-12 col-md-4 col-lg-7 mx-0 px-0 align-self-end", style: "width:50%; min-width:400px;" %>
       <p class="col-12 col-md-8 col-lg-5 m-0 p-0 hero-text "><i>Transforming the assessment of student learning and school quality</i></p>
     </div>
   </div>