Remove overlays, put text above/below banner image

- Removed gradient overlays from brand cards
- Removed shared background banner approach
- Each card now has its own banner <img> showing the relevant half
  (object-position: left for FI-NE, right for LACUEOR)
- Logo + eyebrow sit above the image, tagline + CTA below
- Dropdown now updates both card images simultaneously
- Cleaned up orphaned CSS (.brand-card-overlay, .brand-card-name, .brands-banner-img)
- Responsive padding for header/footer sections

script.js

@@ -37,14 +37,18 @@
 
   /* ── Banner image selector ──────────────────────────────── */
   var bannerPicker = document.getElementById("banner-picker");
-  var bannerImg = document.getElementById("brands-banner");
-  if (bannerPicker && bannerImg) {
+  var bannerImgs = document.querySelectorAll(".brand-card-image");
+  if (bannerPicker && bannerImgs.length) {
     bannerPicker.addEventListener("change", function () {
       var val = this.value;
-      bannerImg.style.opacity = "0";
+      bannerImgs.forEach(function (img) {
+        img.style.opacity = "0";
+      });
       setTimeout(function () {
-        bannerImg.src = "asset/banner/" + val + ".png";
-        bannerImg.style.opacity = "1";
+        bannerImgs.forEach(function (img) {
+          img.src = "asset/banner/" + val + ".png";
+          img.style.opacity = "1";
+        });
       }, 200);
     });
   }