diff --git a/frontend/dist/assets/main.css b/frontend/dist/assets/main.css
index 50cf603..a49dff7 100644
--- a/frontend/dist/assets/main.css
+++ b/frontend/dist/assets/main.css
@@ -1622,35 +1622,18 @@ button {
   }
 }
 .banner--header {
-  height: 12rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  display: block;
+  max-width: 1440px;
   width: 100%;
+  margin: 0 auto;
   overflow: hidden;
 }
 
-.banner--header img {
-  min-height: 100%;
-  max-height: 100%;
-}
 
-.banner--header a {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.banner--header IMG{
   width: 100%;
-  height: 100%;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
+  height: auto;
+}  
 
 @media (max-width: 767px) {
   .banner--header {
diff --git a/frontend/src/styles/components/banner.css b/frontend/src/styles/components/banner.css
index d1ff06f..f429e9e 100644
--- a/frontend/src/styles/components/banner.css
+++ b/frontend/src/styles/components/banner.css
@@ -1,23 +1,16 @@
 .banner--header {
-  height: 12rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  display: block;
+  max-width: 1440px;
   width: 100%;
+  margin: 0 auto;
   overflow: hidden;
 }
 
-.banner--header img {
-  min-height: 100%;
-  max-height: 100%;
-}
 
-.banner--header a {
-  display: flex;
+.banner--header IMG{
   width: 100%;
-  height: 100%;
-  justify-content: center;
-}
+  height: auto;
+}  
 
 @media (max-width: 767px) {
   .banner--header {