Update index.html

JarbasSkills · Mar 15, 2024 · ae10739 · ae10739
1 parent 0850ff1
commit ae10739
Showing 1 changed file with 9 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -17,6 +17,7 @@
             border: none;
             transition: all 0.3s;
             position: relative;
+            overflow: hidden; /* Added */
         }
 
         .card:hover {
@@ -45,20 +46,19 @@
             text-align: center;
             position: relative;
             z-index: 1;
-            padding-bottom: 180px;
         }
 
         .preview {
             position: absolute;
-            top: 100%;
+            top: 0;
             left: 0;
             width: 100%;
-            height: auto;
+            height: 100%;
             background-color: rgba(255, 255, 255, 0.9);
             opacity: 0;
             transition: opacity 0.3s ease-in-out;
             pointer-events: none;
-            z-index: 1;
+            z-index: 3; /* Changed to be on top of the card */
             overflow: hidden;
         }
 
@@ -69,6 +69,10 @@
 
         .preview-content {
             padding: 20px;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
         }
 
         .preview-content img {
@@ -97,23 +101,8 @@
             max-height: 100px;
             overflow-y: auto;
         }
-
-        .slideshow {
-            position: relative;
-            max-height: calc(100% - 60px);
-            overflow-y: auto;
-        }
-
-        .slideshow img {
-            max-width: 100%;
-            height: auto;
-            width: auto\9;
-            max-height: 150px;
-            display: block;
-            margin: 0 auto;
-        }
-
     </style>
+
 
 </head>
 <body>