Separated me.jpg from main code

Author: champaksworldcreate

quizzes/reverse/index.html

@@ -10,6 +10,7 @@
 
     <link rel="stylesheet" href="styles.css">
 
+    <link rel="stylesheet" href="me.css">
 
     <meta property="og:title" content="Interactive Online MCQ Challenge">
 <meta property="og:description" content="Test your knowledge with our engaging online MCQ test focused on C programming, featuring questions on printf and scanf.">

quizzes/reverse/me.css

@@ -0,0 +1,40 @@
+
+/* 3D Flipping Image Section */
+.flip-container {
+    width: 80px;
+    height: 80px;
+    position: absolute;
+    top: 50px;
+    left: 50px;
+    perspective: 1000px;
+    animation: move-around 20s infinite linear;
+}
+
+.flip-container .flipper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    transition: transform 0.8s;
+    transform-style: preserve-3d;
+}
+
+.flip-container:hover .flipper {
+    border-style: ridge;
+}
+
+.flip-image {
+    width: 100%;
+    height: 100%;
+    backface-visibility: hidden;
+    border-radius: 50%;
+    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+/* Keyframe animation to move the image randomly */
+@keyframes move-around {
+    0% { top: 20px; left: 20px; }
+    25% { top: 50px; left: 80%; }
+    50% { top: 80%; left: 50%; }
+    75% { top: 50%; left: 20px; }
+    100% { top: 20px; left: 20px; }
+}

quizzes/reverse/me.script

@@ -17,46 +17,6 @@ body {
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 }
 
-/* 3D Flipping Image Section */
-.flip-container {
-    width: 80px;
-    height: 80px;
-    position: absolute;
-    top: 50px;
-    left: 50px;
-    perspective: 1000px;
-    animation: move-around 20s infinite linear;
-}
-
-.flip-container .flipper {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    transition: transform 0.8s;
-    transform-style: preserve-3d;
-}
-
-.flip-container:hover .flipper {
-    border-style: ridge;
-}
-
-.flip-image {
-    width: 100%;
-    height: 100%;
-    backface-visibility: hidden;
-    border-radius: 50%;
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-}
-
-/* Keyframe animation to move the image randomly */
-@keyframes move-around {
-    0% { top: 20px; left: 20px; }
-    25% { top: 50px; left: 80%; }
-    50% { top: 80%; left: 50%; }
-    75% { top: 50%; left: 20px; }
-    100% { top: 20px; left: 20px; }
-}
-
 /* Button Styling */
 button {
     background: linear-gradient(45deg, #6a11cb, #2575fc);