make banner images responsive and remove table banner variant

Banner images were not scaling on mobile, so they appeared
oversized/disproportionate and triggered horizontal page overflow.

Apply responsive image sizing in `.banner` (`max-width: 100%`,
`height: auto`) so banner images scale correctly.

Non-home pages also used a table-based banner layout, which is generally
not mobile-friendly and makes it harder to position, contain, and scale
content within smaller viewports. It also introduced unnecessary branding
inconsistency across desktop and mobile: the home page and non-home pages
presented essentially the same banner content with different proportions
and visual behavior but still serving the same purpose and content.

Rather than making the table layout itself responsive, remove it
entirely. The home page already had a working non-table structure,
and a single shared layout is simpler to maintain and style.

Remove that page-kind split and use one shared banner structure (logo +
subtitle in .banner) so banner behavior and branding are consistent on
mobile and desktop across the site.

Author: ritorhymes

assets/sass/main.scss

@@ -16,8 +16,9 @@ body {
 .banner {
   text-align: center;
   font-weight: bold;
-  td img {
-    height: 150px;
+  img {
+    max-width: 100%;
+    height: auto;
   }
 }
 big {

layouts/partials/banner.html

@@ -7,21 +7,6 @@
 <small>... one iteration at a time... </small>
 {{- end -}}
 <div class="banner">
-  {{- if eq .Kind "home" }}
   {{ partial "logo.html" . }}
   {{ partial "subtitle.html" . }}
-  {{- else }}
-  <table style="width: 100%">
-    <tbody>
-      <tr>
-        <td>
-	{{ partial "logo.html" . }}
-        </td>
-        <td>
-        {{ partial "subtitle.html" . }}
-        </td>
-      </tr>
-    </tbody>
-  </table>
-  {{- end }}
 </div>{{ if eq .Kind "home" }}<hr />{{ end }}