Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

src/App/mediarules.css

@@ -373,8 +373,19 @@ body {
 }
 }
 
-/*For small Smartphones*/
-@media screen and (max-width: 750px){
+/*For small Smartphones (iphone 13 or similars)*/
+@media screen and (max-width: 390px){
+  .figure-wrapper img {
+    width: 100%;  /* Full width on small screens */
+    height: auto;  /* Maintain aspect ratio */
+    max-width: 100%;  /* Limit the image width to fit the screen */
+    margin: 0 auto;  /* Center the image horizontally */
+  }
+
+  .figure-wrapper figure {
+    text-align: center;  /* Ensure the figure caption is centered */
+  }
+
     
 }
 /* Big computer screens */