From d006c0926624d50784cfda5ecfb49cfe064e93c9 Mon Sep 17 00:00:00 2001
From: baiorett <baiorett@koisu.ru>
Date: Tue, 19 Jul 2022 22:14:48 +0300
Subject: [PATCH] no ushing

Co-authored-by: Affan Zaman <afnzmn@users.noreply.github.com>
---
 src/lib/components/atoms/HeroImage.svelte            | 11 ++++++-----
 src/lib/components/atoms/Wave.svelte                 |  8 +++++++-
 src/lib/components/organisms/IndexDescription.svelte |  1 +
 src/routes/index.svelte                              |  7 +++++--
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte
index e6a8209..361d245 100644
--- a/src/lib/components/atoms/HeroImage.svelte
+++ b/src/lib/components/atoms/HeroImage.svelte
@@ -2,16 +2,17 @@
  
 </script>
 
-<div class="hero-img" style ="background-image:url('/manager.png')" alt="Screenshot of ReVanced Manager"></div>
+<img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager"/>
 
 <style>
 	.hero-img {
-        height: 400px;
-        width:fit-content;
+        height: 40rem;
+		z-index: -1;
+        width:auto;
+		float:right;
 		border-radius: 20px;
-		transform: rotate(3.7deg) translateY(-35%) translateX(200%);
+		transform: rotate(3.7deg) translateY(-5%);
 		user-select: none;
-        position: absolute;
 	}
 </style>
 
diff --git a/src/lib/components/atoms/Wave.svelte b/src/lib/components/atoms/Wave.svelte
index 6dbbfdf..9621762 100644
--- a/src/lib/components/atoms/Wave.svelte
+++ b/src/lib/components/atoms/Wave.svelte
@@ -8,10 +8,16 @@
 </svg>
 
 <style>
+  svg {
+    position: absolute;
+    z-index: -2;
+    bottom:0
+  }
+
   .wave {
     animation: wave-anim 40s;
     animation-timing-function: linear;
-    animation-iteration-count: infinite;
+    animation-iteration-count: infinite;  
     fill: var(--red);
   }
 
diff --git a/src/lib/components/organisms/IndexDescription.svelte b/src/lib/components/organisms/IndexDescription.svelte
index 01fbc50..b28b9ac 100644
--- a/src/lib/components/organisms/IndexDescription.svelte
+++ b/src/lib/components/organisms/IndexDescription.svelte
@@ -1,6 +1,7 @@
 <script>
 	import Button from '$lib/components/atoms/Button.svelte';
     import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte';
+
 </script>
 
 <section class="hero">
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index bd5c903..054513e 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,10 +1,13 @@
 <script>
-	import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
 	import HeroImage from '$lib/components/atoms/HeroImage.svelte';
+	import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
 </script>
 
 <div class="wrapper">
+
+	<HeroImage></HeroImage>
 	<IndexDescription />
-	<HeroImage />
+
 </div>
 
+