Add hover transitions to gallery

resources/css/views/galeri.scss

@@ -1,9 +1,14 @@
+@use "../mixins";
+
 #fullscreen {
+  margin: 0;
+  padding: 0;
   display: none;
   align-items: center;
   justify-content: center;
-  width: 99vw;
+  width: 100%;
   height: 100vh;
+  background: black;
 
   #fullscreen-img {
     max-width: 100%;
@@ -19,15 +24,32 @@
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
+  overflow: hidden;
 
-  .photo {
+  .photo-container {
     margin: 1vh 1vw;
     width: 25%;
     height: 25%;
-    cursor: pointer;
+    overflow: hidden;
 
-    &:hover {
+    .photo {
-      filter: brightness(1.3);
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      transition: 750ms all ease-in-out;
+      filter: brightness(80%);
+
+      &:hover {
+        filter: brightness(100%);
+        transform: scale(1.3);
+      }
+
+      @include mixins.mx_ismobile {
+        &:active {
+          filter: brightness(100%);
+          transform: scale(1.3);
+        }
+      }
     }
   }
 }