5ヶ月前 · 814d2366d7
--- a/public/assets/petal.gif
+++ b/public/assets/petal.gif
--- a/resources/views/digital-card.blade.php
+++ b/resources/views/digital-card.blade.php
@@ -27,9 +27,27 @@
 
				
				             .fade-in {
			
 
				
				                 opacity: 1;
			
 
				
				             }
			
 
				
				+            .petal-overlay {
			
 
				
				+                position: fixed; /* Fixes the position to the viewport */
			
 
				
				+                top: 0;
			
 
				
				+                left: 0;
			
 
				
				+                width: 100vw;
			
 
				
				+                height: 100vh;
			
 
				
				+                pointer-events: none; /* Allows interactions through the overlay */
			
 
				
				+                z-index: 9999; /* Ensures it is on top of other elements */
			
 
				
				+            }
			
 
				
				+            .petal-overlay img {
			
 
				
				+                width: 100%;
			
 
				
				+                height: 100%;
			
 
				
				+                object-fit: cover; /* Ensures the image covers the entire container */
			
 
				
				+            }
			
 
				
				         </style>
			
 
				
				     </head>
			
 
				
				     <body class="antialiased font-serif no-scroll">
			
 
				
				+        <div class="petal-overlay">
			
 
				
				+            <img src="{{ asset('assets/petal.gif') }}" alt="Falling Petals">
			
 
				
				+        </div>
			
 
				
				+    
			
 
				
				         <audio id="player" loop>
			
 
				
				             <source src="{{ asset('assets/background-musicv2.mp3') }}" type="audio/mp3">
			
 
				
				             Your browser does not support the audio element.