feat(image): enhance image handling with new properties and responsive support

- Updated PostEntry type to include _rawImageUrl and _imageFocal for improved image management.
- Refactored image handling in various components to utilize the new properties, ensuring better focal point support and responsive image rendering.
- Introduced warmResponsiveImage function for pre-fetching image variants to optimize loading performance.
- Replaced CmsImage component with RustyImage in multiple blocks for consistent image processing.

src/lib/components/TopBanner.svelte

@@ -90,33 +90,37 @@
         style={wrapperStyle}
       >
         {#if hasResponsive && responsive}
-          <picture>
-            {#each responsive.sources as s (s.type)}
-              <source type={s.type} srcset={s.srcset} sizes={sizes} />
-            {/each}
+          {#key responsive.fallback}
+            <picture class="block w-full">
+              {#each responsive.sources as s (s.type)}
+                <source type={s.type} srcset={s.srcset} sizes={sizes} />
+              {/each}
+              <img
+                src={responsive.fallback}
+                alt={altText}
+                class="w-full object-cover max-h-[400px] lg:max-h-[600px] max-w-[1920px] aspect-square sm:aspect-video lg:aspect-24/9 text-transparent"
+                width={responsive.width}
+                height={responsive.height}
+                style={imgStyle}
+                loading="eager"
+                fetchpriority="high"
+                decoding="async"
+              />
+            </picture>
+          {/key}
+        {:else}
+          {#key resolvedImages[0]}
             <img
-              src={responsive.fallback}
+              src={resolvedImages[0]}
               alt={altText}
-              class="w-full object-cover max-h-[400px] lg:max-h-[600px] max-w-[1920px] aspect-square sm:aspect-video lg:aspect-24/9"
-              width={responsive.width}
-              height={responsive.height}
+              class="w-full object-cover max-h-[400px] lg:max-h-[600px] max-w-[1920px] aspect-square sm:aspect-video lg:aspect-24/9 text-transparent"
+              width={1920}
+              height={600}
               style={imgStyle}
               loading="eager"
               fetchpriority="high"
-              decoding="async"
             />
-          </picture>
-        {:else}
-          <img
-            src={resolvedImages[0]}
-            alt={altText}
-            class="w-full object-cover max-h-[400px] lg:max-h-[600px] max-w-[1920px] aspect-square sm:aspect-video lg:aspect-24/9"
-            width={1920}
-            height={600}
-            style={imgStyle}
-            loading="eager"
-            fetchpriority="high"
-          />
+          {/key}
         {/if}
         {#if hasPageTitle}
           <div class="absolute inset-0 flex items-center justify-start ">