Docs: Adjust image size

Author: BornToBeRoot

Website/src/css/custom.css

@@ -39,7 +39,5 @@
 .image {
   display: block;
   margin: auto;
-  max-width: 1060px;
-  width: 100%;
-  height: auto;
-}
+  max-width: 1060px;  
+}

Website/src/pages/index.js

@@ -232,7 +232,7 @@ export default function Home() {
             <ImageGallery
               autoPlay="true"
               items={images1}
-              additionalClass={styles.image}
+              additionalClass={styles.imageScreenshot}
             />
           </div>
           <p>Overview of various features and tools in NETworkManager.</p>
@@ -241,7 +241,7 @@ export default function Home() {
             <img
               src="./img/preview_tabs_drag_drop.gif"
               alt="NETworkManager tabs and drag & drop preview"
-              className={styles.image}
+              className={styles.imageScreenshot}
             />
           </div>
           <p>Preview of tabs and drag & drop functionality.</p>
@@ -250,7 +250,7 @@ export default function Home() {
             <img
               src="./img/preview-light-theme.png"
               alt="NETworkManager tabs and drag & drop preview"
-              className={styles.image}
+              className={styles.imageScreenshot}
             />
           </div>
           <p>Preview of tabs and drag & drop functionality.</p>

Website/src/pages/styles.module.css

@@ -94,6 +94,14 @@ table {
   height: auto;
 }
 
+.imageScreenshot {
+  display: block;
+  margin: auto;
+  max-width: 1060px;
+  width: 100%;
+  height: auto;
+}
+
 .indexCtas {
   --ifm-button-size-multiplier: 1.6;
   display: flex;