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})`