fix: handle legacy redirects and media previews

src/app/(frontend)/[locale]/support/faq/page.tsx

@@ -450,15 +450,21 @@ export default async function FAQPage({
       />
       <section className="relative aspect-[16/9] overflow-hidden bg-[linear-gradient(135deg,#f4f1eb_0%,#fbfaf7_52%,#e8e1d4_100%)] px-5 py-5 shadow-[0_18px_55px_rgba(23,23,23,0.05)] md:aspect-auto md:px-10 md:py-10">
         {heroImageUrl || heroMobileImageUrl ? (
-          <picture>
-            {heroMobileImageUrl ? <source media="(max-width: 767px)" srcSet={heroMobileImageUrl} /> : null}
+          <>
             <img
               src={heroImageUrl || heroMobileImageUrl || ''}
               alt=""
               className={['absolute inset-0 h-full w-full object-cover', heroOverlay ? 'opacity-100' : 'opacity-22'].join(' ')}
               decoding="async"
             />
-          </picture>
+            {heroImageUrl && heroMobileImageUrl ? (
+              <div
+                aria-hidden="true"
+                className={['absolute inset-0 h-full w-full bg-cover bg-center md:hidden', heroOverlay ? 'opacity-100' : 'opacity-22'].join(' ')}
+                style={{ backgroundImage: `url(${heroMobileImageUrl})` }}
+              />
+            ) : null}
+          </>
         ) : null}
         {heroOverlay ? (
           <div className="absolute inset-0 bg-[linear-gradient(135deg,rgba(0,0,0,0.72)_0%,rgba(0,0,0,0.46)_48%,rgba(0,0,0,0.22)_100%)]" />