Merge pull request #371 from celestiaorg/feature/lotti-anim-fix

Feature/lotti anim fix
celestiaorg · Feb 14, 2024 · 4f457d2 · 4f457d2
2 parents 3dbbf6b + a07869f
commit 4f457d2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/sections/two-column-h2.js b/src/components/sections/two-column-h2.js
@@ -51,7 +51,7 @@ const TwoColumnH2 = ({
 					<div className={"text"}>
 						<h2 className={"with-decor mt-4 mt-lg-0"}>{title}</h2>
 						<div className='paragraph' dangerouslySetInnerHTML={{ __html: text }} />
-						<div className={'position-absolute'} style={{marginTop:'25vh'}} ref={myRef}/>
+						<div className={'lottie-anchor'} ref={myRef}/>
 						<div className={"flex mt-4"}>
 							<Link to={buttonPrimaryUrl} className={`button button-simple me-4 ${buttonPrimaryClass}`}>
 								{buttonPrimaryTitle}

diff --git a/src/scss/sections/two-column-h2-section.scss b/src/scss/sections/two-column-h2-section.scss
@@ -94,3 +94,13 @@
 		}
 	}
 }
+
+
+.lottie-anchor{
+	position:absolute;
+	margin-top:25vh;
+
+	@media (max-width: 1380px) {
+		margin-top:0;
+	}
+}