From 1f7175b2e7015e8113ba36ef29b0c640cdc9680c Mon Sep 17 00:00:00 2001
From: Anton Dosov <anton.dosov@elastic.co>
Date: Wed, 23 Nov 2022 15:48:13 +0100
Subject: [PATCH] improve comment

---
 src/plugins/files/public/components/image/image.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/plugins/files/public/components/image/image.tsx b/src/plugins/files/public/components/image/image.tsx
index 6f4aead6e72fc..41f4a7ab6ed2d 100644
--- a/src/plugins/files/public/components/image/image.tsx
+++ b/src/plugins/files/public/components/image/image.tsx
@@ -55,7 +55,8 @@ export const Image = ({ src, url, alt, onLoad, onError, meta, ...rest }: Props)
       className={classNames(rest.className, { blurhash: currentSrc === blurhashSrc })}
       css={css`
         &.blurhash {
-          // using this animation we make blurhash to not appear instantly, but only when the original image takes a bit of time to load (>0.9s)
+          // Makes blurhash image visually appear after the .9s delay with a .1s transition duration.
+          // This is needed for a nicer UX when the original image loads fast.
           animation-name: imageBlurhashFadeIn;
           animation-duration: 1s;
           @keyframes imageBlurhashFadeIn {