mouse positions

styles/elements/mouses.css

@@ -1,9 +1,11 @@
 
+.mouse {
+	position: relative;
+	margin: 20px 0px 0px 0px;
+}
 .frames_container {
 	display: grid;
 	width: fit-content;
-	margin-left: 0px;
-
 	/*
 	border: 1px solid blue;
 	*/
@@ -44,3 +46,16 @@ pre.frame.f4  {animation-delay: calc(var(--tframes) * 75/100);}
 	100%  {opacity: 0;}
 }
 
+#mouse_1 {
+	place-self: center;
+}
+#mouse_2 {
+	left: 10%;
+}
+#mouse_3 {
+	left: 60%;
+}
+#mouse_4 {
+	left: 20%;
+}
+

styles/style.css

@@ -9,6 +9,9 @@ html {
 body {
 	overflow-x: hidden;
 }
+figure {
+	overflow: hidden;
+}
 script, style {
 	display: none;
 }
@@ -39,17 +42,17 @@ body {
 	*/
 	display: grid;
 	grid:
-    ' title    ' 1fr
-    ' cv       ' 1fr
-    ' mouse_1  ' 1fr
-    ' mouse_2  ' 1fr
-    ' mouse_3  ' 1fr
-    ' mouse_4  ' 1fr
-    ' banner_1 ' 1fr
-    ' banner_2 ' 1fr
-    ' banner_3 ' 1fr
-    ' banner_4 ' 1fr
-    ' banner_5 ' 1fr
-    ' infos    ' 1fr
-	  / 100%     ;
+    ' title    ' auto
+    ' banner_2 ' auto
+    ' cv       ' auto
+    ' mouse_1  ' auto
+    ' banner_3 ' auto
+    ' mouse_2  ' auto
+    ' banner_4 ' auto
+    ' mouse_3  ' auto
+    ' banner_5 ' auto
+    ' mouse_4  ' auto
+    ' banner_1 ' auto
+    ' infos    ' auto
+	  / 1fr      ;
 }