style: added adaption to mobile & block animations

assets/scss/_mixins.scss

@@ -12,3 +12,9 @@
     border-radius: $radius-md;
     box-shadow: $shadow-card;
 }
+
+@mixin respond($breakpoint) {
+    @media only screen and (max-width: $breakpoint) {
+        @content;
+    }
+}

assets/scss/_vars.scss

@@ -1,6 +1,12 @@
 $container: 1400px;
 $container-padding: 24px;
 
+$bp-xxl: 1600px;
+$bp-xl: 1280px;
+$bp-lg: 1024px;
+$bp-md: 768px;
+$bp-sm: 520px;
+
 $font-main: "Segoe UI", "Segoe UI Variable", "Helvetica Neue", Arial, sans-serif;
 
 $color-bg: #121212;