From ef3643a713502465547d2b1d5440f81dd7812d7c Mon Sep 17 00:00:00 2001
From: echo <petrovskidimitar@yandex.com>
Date: Mon, 22 Jun 2026 02:34:32 +0200
Subject: [PATCH] img fix applyed

---
 src/lib/templates.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/templates.tsx b/src/lib/templates.tsx
index 4cc5a31..a932146 100644
--- a/src/lib/templates.tsx
+++ b/src/lib/templates.tsx
@@ -44,7 +44,7 @@ export function TemplateElegance({ data }: { data: MemorialData }) {
     <div className="min-h-screen bg-stone-50 font-serif">
       {heroImage && (
         <div className="relative h-[55vh] w-full overflow-hidden">
-          <img src={heroImage.url} alt={data.title || "Спомен"} className="h-full w-full object-cover" />
+          <img src={heroImage.url} alt={data.title || "Спомен"} className="h-full w-full object-cover object-top" />
           <div className="absolute inset-0 bg-gradient-to-t from-stone-900/70 via-stone-900/20 to-transparent" />
           <div className="absolute bottom-10 left-0 right-0 text-center">
             <h1 className="text-4xl font-bold tracking-wide text-white md:text-6xl drop-shadow-lg">
@@ -105,7 +105,7 @@ export function TemplateCinematic({ data }: { data: MemorialData }) {
       {sortedImages.length > 0 && (
         <>
           <div className="relative h-screen w-full">
-            <img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover" />
+            <img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover object-top" />
             <div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" />
             <div className="absolute bottom-16 left-8 right-8 md:left-16">
               <h1 className="text-5xl font-black tracking-tight md:text-8xl drop-shadow-2xl">
@@ -176,7 +176,7 @@ export function TemplateSerene({ data }: { data: MemorialData }) {
         <div className="text-center">
           {sortedImages.length > 0 && (
             <div className="mx-auto mb-8 h-40 w-40 overflow-hidden rounded-full shadow-lg">
-              <img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover" />
+              <img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover object-top" />
             </div>
           )}