Update 4 files

- /static/script.js
- /static/style.css
- /wiki/pages/style.css
- /wiki/pages/script.js

static/style.css

-body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    background-color: #f0f0f0;
-  }
-  
-  .sachet {
-    position: relative;
-    width: 150px;
-    height: 200px;
-  }
-  
-  .bag {
-    width: 100%;
-    height: 100%;
-    background-image: url('https://static.igem.wiki/teams/5187/tie.png'); /* Change to your tied bag image */
-    background-size: contain;
-    background-repeat: no-repeat;
-    transition: background-image 1s ease-in-out;
-  }
-  
-  .bag.untied {
-    background-image: url('https://static.igem.wiki/teams/5187/untie.png'); /* Change to your untied bag image */
-  }
-  
-  .scent {
-    position: absolute;
-    width: 100px;
-    height: 100px;
-    top: -50px;
-    left: 25px;
-    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
-    opacity: 0;
-    transform: scale(0.5);
-    transition: opacity 2s ease, transform 2s ease;
-  }
-  
-  .scent.release {
-    opacity: 1;
-    transform: scale(1.5);
-  }
-  
\ No newline at end of file

wiki/pages/style.css

@@ -21,7 +21,7 @@ body {
   }
   
   .untied {
-    background-image: url('untied-sachet.svg'); /* Replace with your untied image */
+    background-image: url('https://static.igem.wiki/teams/5187/untie.png'); /* Replace with your untied image */
   }
   
   .scent {