/* ===== MOBILE BANNER OPTIMISATION ===== */ @media (max-width: 768px) { /* Remove original background image */ .mobile-bw-banner .eds_boxContent { background-image: none !important; position: relative; overflow: hidden; } /* Re-add background image as grayscale layer */ .mobile-bw-banner .eds_boxContent::before { content: ""; position: absolute; inset: 0; background-image: url('/Portals/0/BlockBuilderImages/425/iStock-2177122321.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(100%) contrast(0.9); z-index: 0; } /* Dark overlay for readability */ .mobile-bw-banner .eds_boxContent::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); z-index: 1; } /* Keep all content above overlays */ .mobile-bw-banner .eds_boxContent > * { position: relative; z-index: 2; } /* White text for mobile */ .mobile-bw-banner .eds_boxContent h2, .mobile-bw-banner .eds_boxContent p, .mobile-bw-banner .eds_boxContent i, .mobile-bw-banner .eds_boxContent strong { color: #ffffff !important; text-shadow: 0 2px 6px rgba(0,0,0,0.7), 0 0 12px rgba(0,0,0,0.5); } }