diff --git a/views/views_home.templ b/views/views_home.templ
index 78cd991..5e86fc1 100644
--- a/views/views_home.templ
+++ b/views/views_home.templ
@@ -119,11 +119,13 @@ func imageSmartZoomKeyframes(zoomAmount int) string {
             from {
                 transform: scale3d(1,1,1);
                 transform-origin: center;
+								object-position: center;
             }
 
             to {
                 transform: scale3d(%.2f,%.2f,%.2f);
                 transform-origin: inherit;
+								object-position: inherit;
             }
         }
 
@@ -131,11 +133,13 @@ func imageSmartZoomKeyframes(zoomAmount int) string {
             from {
                 transform: scale3d(%.2f,%.2f,%.2f);
                 transform-origin: inherit;
+								object-position: inherit;
             }
 
             to {
                 transform: scale3d(1,1,1);
                 transform-origin: center;
+								object-position: center;
             }
         }
         </style>`, zoom, zoom, zoom, zoom, zoom, zoom)
diff --git a/views/views_image.templ b/views/views_image.templ
index 187f776..83f7121 100644
--- a/views/views_image.templ
+++ b/views/views_image.templ
@@ -176,6 +176,7 @@ templ RenderImageWithContainFit(ImageData, imageFit string) {
 
 css transformOrigin(value string) {
 	transform-origin: { value };
+	object-position: { value };
 }
 
 // smartZoom calculates the transform origin for an image based on detected faces.