diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 9de6ed4..2af15c9 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -526,7 +526,7 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
         {/* Visek visine gre v sliko, ne v prazen prostor pod besedilom. Prej je
             imela slika fiksno razmerje in se je raztegnil besedilni del, kar je
             pod novico naredilo velik crn pas. */}
-        <div className="relative flex-1 min-h-[300px]">
+        <div className="relative flex-none aspect-[16/10] lg:flex-1 lg:aspect-auto lg:min-h-0">
           <img src={article.coverImage || ""} alt={article.title} className="w-full h-full object-cover absolute inset-0 transition-transform duration-700 group-hover:scale-105" style={{ objectPosition: objPos }} loading="lazy" />
           {isVideo && (
             <div className="absolute inset-0 flex items-center justify-center z-10">
@@ -602,7 +602,7 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
         </div>
       )}
       <div
-        className="grid grid-cols-1 lg:grid-cols-5 gap-4 transition-opacity duration-300"
+        className="grid grid-cols-1 lg:grid-cols-5 gap-4 lg:h-[520px] transition-opacity duration-300"
         style={{ opacity: fading ? 0 : 1 }}
       >
         <div className="lg:col-span-3">