diff --git a/styles/Components/card.module.css b/styles/Components/card.module.css
index 52544a4..775be5c 100644
--- a/styles/Components/card.module.css
+++ b/styles/Components/card.module.css
@@ -32,6 +32,13 @@
 	overflow: hidden;
 	margin: 100px;
 	transition: filter 0.3s ease-in-out;
+	transition: transform 0.15s ease-in-out;
+
+	transition: all 10s ease-in-out;
+}
+.card:hover {
+	transform: scale(1.025);
+	cursor: pointer;
 }
 
 
@@ -117,4 +124,36 @@
 	.card {
 		height: 254px;
 	}
+}
+
+
+.card.clicked {
+	transform: scale(1) !important;
+	z-index: 9999;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+
+.backgroundGradient.clicked {
+	background-image: red;
+}
+
+/* .image.clicked {
+	width: 1000px !important;
+} */
+
+.container {
+    width: calc(100% - 20px);
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 20px;
+}
+
+.item {
+    width: min(428px, 90%);
 }
\ No newline at end of file