From 859eef3761b690334b94713c341abe2983c0b968 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Tue, 27 Jan 2026 10:54:41 +0700
Subject: [PATCH] Update webapp - fix hero animation to use cover layout

Use DotLottie's native layout prop with fit: 'cover' instead of
CSS object-cover which doesn't work on canvas elements.
---
 app/components/hero/HeroBackground.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/hero/HeroBackground.vue b/app/components/hero/HeroBackground.vue
index 5cffb66..9c625d3 100644
--- a/app/components/hero/HeroBackground.vue
+++ b/app/components/hero/HeroBackground.vue
@@ -6,7 +6,8 @@
         src="/animations/supply-chain.lottie"
         autoplay
         loop
-        class="absolute inset-0 w-full h-full object-cover"
+        :layout="{ fit: 'cover', align: [0.5, 0.5] }"
+        class="absolute inset-0 w-full h-full"
         :style="{
           opacity: 1 - collapseProgress * 0.7,
           transform: `scale(${1 + collapseProgress * 0.1})`