diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 7b192f30b2f455006af44ab820290d230b3935ee..7623084856b97bb1b86549f8c59d18a7afe5572f 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -13,7 +13,7 @@ export function Footer() {
         </div>
         {/* The following MUST be on every page: license information and link to the repository on gitlab.igem.org */}
         <div className="row bg-wine-red ">
-          <div className="col-4">
+          <div className="col-7">
 
             {/* <div className="col-1"></div> */}
             {/* <div className="col-5"> */}
@@ -35,7 +35,8 @@ export function Footer() {
               /> */}
 
           </div>
-          <div className="col-8">
+          <div className="col-5">
+            <div className="center-block"></div>
             <p className="mb-0">
               <small>
                 © 2024 - Content on this site is licensed under a{" "}
diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 3db418c3131ca97258141287f0cb3aa087d4c596..47cc6f4089d7ddf1f44268267932c1f361f82d75 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -427,7 +427,7 @@ footer a:hover {
 .slideshow-container {
   position: relative;
   max-width: 100%;
-  height: 100%; 
+  height: 200px; 
   overflow: hidden;
   justify-content: center; /* Center horizontally */
   align-items: center; /* Center vertically */
@@ -435,8 +435,9 @@ footer a:hover {
 
 .slide {
   position: absolute;
-  width: 100%;
-  height: 100%;
+  /* width: 100%; */
+  /* height: 100%; */
+  left: 40%;
   opacity: 0;
   transition: opacity 1s ease-in-out;
   justify-content: center; /* Center horizontally */
@@ -444,8 +445,8 @@ footer a:hover {
 }
 
 .fade-img {
-  width: auto;
-  height: 100%;
+  /* width: auto; */
+  height: 200px;
   object-fit: cover;
 }
 
@@ -512,4 +513,8 @@ footer a:hover {
   100% {
     transform: translateX(100%) rotate(180deg);
   }
+}
+
+.center-block {
+  height: 40%;
 }
\ No newline at end of file