diff --git a/src/assets/images/execomm/execomm_banner.png b/src/assets/images/execomm/execomm_banner.png index ba86358..ee59557 100644 Binary files a/src/assets/images/execomm/execomm_banner.png and b/src/assets/images/execomm/execomm_banner.png differ diff --git a/src/styles/executive-committee.scss b/src/styles/executive-committee.scss index 76f5c1d..a266b91 100644 --- a/src/styles/executive-committee.scss +++ b/src/styles/executive-committee.scss @@ -18,14 +18,15 @@ .banner-container { width: 100%; - margin-bottom: 4rem; + max-width: 1200px; /* Prevents the banner from getting absurdly wide */ + margin: 0 auto 4rem auto; /* Centers the banner and keeps the bottom gap */ border-radius: 1.5rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); img { width: 100%; - height: auto; /* Allows the image to scale naturally based on its native aspect ratio */ + height: auto; display: block; } } @@ -49,7 +50,7 @@ img { width: 100%; height: auto; - aspect-ratio: 1 / 1; /* CHANGED: Forces the images to be perfectly square */ + aspect-ratio: 1 / 1; object-fit: cover; display: block; }