adjust image

static/page.css

@@ -366,17 +366,17 @@ body{
     object-fit: contain;
 } */
 .img-pagestyle {
-    margin: 10px 0;  /* Reduce space between image and text */
-    width: 80%;      /* Keep the width as per your preference */
-    height: auto;    /* Let the height adjust automatically */
-    overflow: hidden;
-    padding: 0;      /* Ensure no padding around the image */
+    display: flex;
+    justify-content: center;  /* Center the image horizontally */
+    margin-top: 10px;         /* Reduce the margin at the top */
+    margin-bottom: 0;         /* Eliminate any extra space at the bottom */
+    width: 100%;              /* Ensure the container takes the full width */
 }
 
 .img-pagestyle img {
-    width: 100%;
-    height: auto;
-    object-fit: contain;  /* Maintain aspect ratio */
+    width: 80%;               /* Adjust the width of the image */
+    height: auto;             /* Maintain the aspect ratio */
+    object-fit: contain;      /* Ensure the image is fully contained within the space */
 }
 .pagecontent p {
     margin-top: 20px;