diff --git a/static/page.css b/static/page.css index f714a11f1baaa3e349af2dd57a34ee0c4ad93622..1442e75b5fd239d3360af3a32b8407280b946fc0 100644 --- a/static/page.css +++ b/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;