Add AutoSEO as sponsor

Author: adityaoberai

public/sponsor.png

@@ -2,6 +2,12 @@
   import AltText from './components/AltText.svelte'
 </script>
 
+<section id="sponsor">
+  <a class="sponsor-image" href="https://getautoseo.com/image-alt-text-generator" target="_blank">
+    <img src="/sponsor.png" alt="AutoSEO Image Alt Text Generator">
+  </a>
+</section>
+
 <main>
   <div class="align-main">
     <h1>Alt Text Generator</h1>

src/App.svelte

@@ -28,6 +28,24 @@ body {
   text-align: center;
 }
 
+@media screen and (min-width: 769px) {
+  .sponsor-image {
+    width: 40%;
+  }
+}
+
+@media screen and (max-width: 768px) and (min-width: 481px) {
+  .sponsor-image {
+    width: 65%;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .sponsor-image {
+    width: 100%;
+  }
+}
+
 main {
   display: flex;
   justify-content: center;