diff --git a/static/assets/css/main.css b/static/assets/css/main.css
index e154313..ba09bd3 100644
--- a/static/assets/css/main.css
+++ b/static/assets/css/main.css
@@ -1040,3 +1040,33 @@ input:checked+.slider:before {
   }
 }
 
+
+
+
+
+/* Define styles for the image container */
+.image-container {
+    position: relative;
+    width: 300px;
+    height: 200px;
+    overflow: hidden;
+}
+
+/* Define styles for the images */
+.image {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
+}
+
+.current {
+    opacity: 1;
+}
+
+.next {
+    opacity: 0;
+    transform: translateX(100%);
+}
+
+