naslovnice: fokusna tocka obraza povsod (aktuelles, kategorije, videi, iskanje, clanek + sorodni), skupni pomocnik lib/focal, streznik osvezuje fokusne tocke vsakih 20 minut

client/src/pages/aktuelles.tsx

@@ -11,6 +11,7 @@ import Footer from "@/components/footer";
 import { PageSideAds, TopBannerAd, MultiplexAd, ArticleCardAd } from "@/components/adsense";
 import { format } from "date-fns";
 import { de } from "date-fns/locale";
+import { useFocalPoints, objectPositionFor } from "@/lib/focal";
 
 interface Res {
   articles: Article[];
@@ -25,6 +26,7 @@ const ROW1 = ["Politik", "Promis", "Sport", "Musik & Film"];
 const ROW2 = ["Wetter", "Finanzen"];
 
 export default function AktuellesPage() {
+  const focalPoints = useFocalPoints();
   const search = useSearch();
   const [, setLocation] = useLocation();
   const params = new URLSearchParams(search);
@@ -142,7 +144,7 @@ export default function AktuellesPage() {
                           src={a.coverImage}
                           alt={a.title}
                           loading="lazy"
-                          style={{ objectPosition: "center 25%" }} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
+                          style={{ objectPosition: objectPositionFor(a.coverImage, focalPoints) }} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
                         />
                       </div>
                     )}