Merge branch 'feature/lotti-anim-v2' into dev

celestiaorg · Jan 30, 2024 · 9954edf · 9954edf
2 parents 741b86f + d96edc7
commit 9954edf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/sections/two-column-h2.js b/src/components/sections/two-column-h2.js
@@ -40,8 +40,10 @@ const TwoColumnH2 = ({
 		<section className={`two-column-h2 ${direction}`}>
 			<div className={"row align-items-center"}>
 
-				<div className={`col col-12 col-lg-6 ${direction === "rtl" ? "order-lg-2" : "order-lg-1"}`}>
-					{anim && <Lottie lottieRef={lottieRef} animationData={anim} loop={false} autoplay={false}/>}
+				<div className={`col col-12 col-lg-6 anim-col ${direction === "rtl" ? "order-lg-2" : "order-lg-1"}`}>
+					{anim && <Lottie lottieRef={lottieRef} animationData={anim} loop={false} autoplay={false}
+									 renderer={"canvas"} style={{ width: 700, height: 450}}
+					/>}
 					{!anim && <Image alt={title} filename={image} />}
 				</div>
 				<div className={`d-table-cell align-middle col col-12 col-lg-6 ${direction === "rtl" ? "order-lg-1" : "order-lg-2"}`}>