feats

src/pages/pg2/index.vue

@@ -41,6 +41,19 @@
           :ready="show"
         />
       </div>
+      
+      <div class="story" style="z-index: 2000">
+        <Animate
+          comp="img"
+          name="animate__fadeIn"
+          @click="router.push('/pg2-2')"
+          src="/images/pg2/getStory.png"
+          alt=""
+          style="width: 30vw; margin: auto; margin-bottom: 3vh"     
+          delay="4000ms"     
+          :ready="show"
+        />
+      </div>
     </div>
 
     <div class="groups abs">
@@ -81,15 +94,6 @@
       </div>
     </div> -->
 
-    <div class="footer" style="z-index: 2000">
-      <img
-        @click="router.push('/pg2-2')"
-        src="/images/pg2/getStory.png"
-        alt=""
-        style="width: 30vw; margin: auto; margin-bottom: 3vh"
-      >
-    </div>
-
     <DownArrow />
   </div>
 </template>
@@ -169,6 +173,7 @@ watch(show, (val) => {
   }
 
   .content {
+    position: relative;
     z-index: 10;
     width: 80vw;
     margin-left: 15vw;
@@ -189,7 +194,8 @@ watch(show, (val) => {
       width: 60%;
     }
     .story {
-      margin-top: 12px;
+      margin-top: 30px;
+      margin-left: -4%;
       width: 45%;
       display: block;
       animation-delay: 600ms;
@@ -273,6 +279,7 @@ watch(show, (val) => {
     opacity: 0;
   }
 
+
   .footer {
     left: 0;
     bottom: 0;