feat: Container around shield

Libertai · Jul 1, 2024 · cb923ca · cb923ca
1 parent 4117c78
commit cb923ca
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/pages/Home/DataSecuritySection.vue b/src/pages/Home/DataSecuritySection.vue
@@ -9,8 +9,14 @@
 					distributed data storage, and rigorous access controls ensure that your data remains safeguarded against
 					unauthorized access, surveillance, or exploitation.
 				</p>
-				<div class="tilted-image mx-auto">
-					<img alt="shield" class="rounded-3xl" height="622" src="../../assets/home/shield.png" width="622" />
+				<div class="tilted-image mx-auto flex h-156 w-156 items-center justify-center rounded-3xl bg-neutral-white">
+					<img
+						alt="shield"
+						class="shield-image rounded-3xl"
+						height="500"
+						src="../../assets/home/shield.png"
+						width="500"
+					/>
 				</div>
 			</div>
 		</div>
@@ -40,7 +46,7 @@ const onTiltedImageMove = (event: MouseEvent) => {
 
 const onTiltedImageLeave = () => {
 	// @ts-ignore
-	document.querySelector(".tilted-image img")!.style.transform = "rotateX(0deg) rotateY(0deg)";
+	document.querySelector(".tilted-image .shield-image")!.style.transform = "rotateX(0deg) rotateY(0deg)";
 };
 
 onMounted(() => {