diff --git a/src/App/App.css b/src/App/App.css
index b0025ed00e4debe06cb678e584ad06b5fc9a0e79..4caec0bf7822e70775214762fdbad98da53b011a 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -1447,8 +1447,6 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
 }
 .lnp > img{
   display: block;
-  margin-left: auto;
-  margin-right: auto;
   width: 8rem !important;
   max-width: 66% !important;
   transition: all 1s ease;
@@ -2024,7 +2022,6 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
 }
 
 
-.slick-slider .slick-track,
 
 .slick-slider .slick-list
 
@@ -2043,54 +2040,9 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
 }
 
 
-.slick-track
-
-{
-
-    position: relative;
-
-    top: 0;
-
-    left: 0;
-
-
-    display: block;
-
-    margin-left: auto;
-
-    margin-right: auto;
-
-}
-
-.slick-track:before,
-
-.slick-track:after
-
-{
 
-    display: table;
 
 
-    content: '';
-
-}
-
-.slick-track:after
-
-{
-
-    clear: both;
-
-}
-
-.slick-loading .slick-track
-
-{
-
-    visibility: hidden;
-
-}
-
 
 .slick-slide
 
@@ -3537,9 +3489,7 @@ svg a:hover text{
   width: 20px;
 }
 
-.footer-slider .slider-container .slick-slider .slick-initialized .slick-list .slick-track{
-  width: 900px !important;
-}
+
 
 .header-title svg{
   max-width: 100% !important;
@@ -3956,6 +3906,8 @@ figure {
   width: 100%;
   text-align: center;
   margin: 0 !important;
+  margin-bottom: var(--simple-margin) !important;
+  margin-top: var(--simple-margin) !important;
 }
 .responsive-image {
   margin: auto;
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 5686301ba5ebb971ac209c0b0b07386ba2eb80b9..621f94a081a6d117c798e68a6b0d26a031575194 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -107,7 +107,7 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
     let frontbriefclass = "frontbrief frontbrief"+thename; 
     let backbriefclass = "backbrief backbrief"+thename;
 
-    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
+    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img side-margins-auto "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
     let namerow = <div className="row"><div className="team-name"> {title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div>  <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>; 
     let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM</h6> {why} </div> ; 
     let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Part of:</b> {jobs}</div> <br/> <div className=""> <b>Major:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>; 
@@ -202,7 +202,7 @@ function createPiSteckbriefe(data: Array<SteckbriefInterface>){
     let frontbriefclass = "frontbrief frontbrief"+thename; 
     let backbriefclass = "backbrief backbrief"+thename;
 
-    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
+    let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img side-margins-auto "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div> 
     let namerow = <div className="row"><div className="team-name"> {title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div>  <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>; 
     let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM</h6> {why} </div> ; 
     let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Affiliation:</b> {jobs}</div> <br/> <div className=""> <b>Regular Job:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>;