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/videos.tsx

@@ -11,6 +11,7 @@ import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { ArticleCardAd, PageSideAds, TopBannerAd, MultiplexAd } from "@/components/adsense";
 import { useEffect } from "react";
+import { useFocalPoints, objectPositionFor } from "@/lib/focal";
 
 interface PaginatedResponse {
   articles: Article[];
@@ -24,6 +25,7 @@ function VideoCard({ article }: { article: Article }) {
   const thumbSrc = article.coverImage
     ? article.coverImage.replace(".webp", "-thumb.webp")
     : "/images/article-1.jpg";
+  const focalPoints = useFocalPoints();
 
   return (
     <Link href={`/article/${article.slug}`}>
@@ -36,7 +38,7 @@ function VideoCard({ article }: { article: Article }) {
             <img
               src={thumbSrc}
               alt={article.title}
-              style={{ objectPosition: "center 25%" }} className="w-full aspect-video object-cover transition-transform duration-500 group-hover:scale-105"
+              style={{ objectPosition: objectPositionFor(article.coverImage, focalPoints) }} className="w-full aspect-video object-cover transition-transform duration-500 group-hover:scale-105"
               loading="lazy"
             />
           </div>