revert changes

resources/js/app.js

@@ -72,12 +72,8 @@ $(function() {
 
         // Toggle visibility and z-index
         if (isLeftOffScreen && left < 0) {
-            $('.parent').addClass('fixed');
-            $('.parent').removeClass('absolute');
             $('.parent').removeClass('z-30');
         } else {
-            $('.parent').addClass('absolute');
-            $('.parent').removeClass('fixed');
             $('.parent').addClass('z-30');
         }
     }

resources/views/components/front-cover.blade.php

@@ -1,4 +1,4 @@
-<div class="part left fixed left-0 w-1/2 h-screen bg-babyblue shadow-lg z-10 snap-start" style="scroll-snap-align: start;">
+<div class="part left fixed left-0 w-1/2 h-screen bg-babyblue shadow-lg">
     <div class="flex flex-col justify-center h-full gap-10">
         <div class="flex justify-end items-center">
             <img src="{{ asset('assets/logo-left.png') }}" alt="Logo" class="logo-img">
@@ -9,7 +9,7 @@
         <img src="{{asset('assets/flower-left.png')}}" alt="" class="absolute -left-2/4 top-72 h-96 w-96">
     </div>
 </div>
-<div class="part right fixed right-0 w-1/2 h-screen bg-babyblue shadow-lg z-10 snap-start" style="scroll-snap-align: start;">
+<div class="part right fixed right-0 w-1/2 h-screen bg-babyblue shadow-lg">
     <div class="flex flex-col justify-center h-full gap-10">
         <div class="flex justify-start items-center">
             <img src="{{ asset('assets/logo-right.png') }}" alt="Logo" class="logo-img">

resources/views/digital-card.blade.php

@@ -24,7 +24,7 @@
         <audio id="player" loop>
             <source src="{{ asset('assets/background-musicv2.mp3') }}" type="audio/mp3">
         </audio>
-        <div class="parent absolute h-screen w-screen snap-mandatory overflow-y-scroll">
+        <div class="parent absolute h-screen w-screen">
             @include('components.front-cover')
         </div>
         <div class="section bg-babyblue min-h-screen flex justify-center items-center pb-20">