float the image right so it stays next to the text, until the screen gets too small and then float it left.

assets/css/bundle.css

@@ -1057,4 +1057,10 @@ a {
 	max-height:300px;
 	max-width: 100%;
 	height: auto;
+	float:right;
 }
+@media (max-width: 1000px){
+  .newsletter-img {
+  	float:left;
+  }
+}

layouts/partials/common/newsletter.html

@@ -2,7 +2,7 @@
             <div class="container al-py-lg" style="max-width:90%;">
                 <div class="row">
 		     		 <div class="col-lg-6">
-						<img class="newsletter-img" src="/images/newslettersignup.png" alt="The migration paths when using ELevate" height="300">
+						<img class="newsletter-img" src="/images/newslettersignup.png" alt="The migration paths when using ELevate">
 						</div>
 		     		   	<div class="col-lg-6">
                         <h2 class="mb-2">