diff --git a/public/render_functions/reveal_image/index.js b/public/render_functions/reveal_image/index.js
index 368324d378dc2..54b91677cb9a3 100644
--- a/public/render_functions/reveal_image/index.js
+++ b/public/render_functions/reveal_image/index.js
@@ -19,6 +19,7 @@ export const revealImage = () => ({
       finish();
     };
     img.style.clipPath = getClipPath(config.percent, config.origin);
+    img.style['-webkit-clip-path'] = getClipPath(config.percent, config.origin);
     img.src = isValid(config.image) ? config.image : elasticOutline;
     handlers.onResize(img.onload);