#content {
    width: 90%;
}

hr {
  margin: 10px auto;
  width: 80%;
  float: middle;
}


/*Building content*/

.teamscontainer {
  position: relative;
  margin: auto;
  float: left;
  width: 100%;
  margin-bottom: 20%;
}
.teams {
  display: flex;
  position: relative;
  margin: auto;
  width: 90%;
  justify-content: center;
}
.team {
  float: left;
  width: 15%;
}
.team .image {
  background-color: white;
  display: inline-block;
  position: relative;
  border: 4px solid purple;
  width: 8vw;
  height: 8vw;
  overflow: hidden;
  border-radius: 50%;
}
.memberscontainer {
  position: relative;
  transition: 1s ease;
  float: left;
  height: 0%;
  background-color: black;
  width: 100%;
}
.memberscontainer .mc2, .memberscontainer .mc3, .memberscontainer .mc4, .memberscontainer .mc5, .memberscontainer .mc6 {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    margin-left: 0;
}
.mc1 {   background-color: black; }
.mc1.expandedheight {  height: 140%; }
.mc1.expandedwidth{   width: 600%;  }


.mc2 {   background-color: purple; }
.mc2.expandedheight {  height: 140%; }
.mc2.expandedwidth{   width: 600%; margin-left:-100%;}


.mc3 {   background-color: grey; }
.mc3.expandedheight {  height: 140%; }
.mc3.expandedwidth{   width: 600%; margin-left:-200%;}


.mc4 {   background-color: plum; }
.mc4.expandedheight {  height: 140%; }
.mc4.expandedwidth{   width: 600%; margin-left:-300%;}


.mc5 {   background-color: lightsalmon; }
.mc5.expandedheight {  height: 140%; }
.mc5.expandedwidth{   width: 600%; margin-left:-400%;}


.mc6 {   background-color: indianred; }
.mc6.expandedheight {  height: 140%; }
.mc6.expandedwidth{   width: 600%; margin-left:-500%; }

/*
.team1 .image {   border: 4px solid purple; }
.team2 .image {   border: 4px solid blue; }
.team3 .image {   border: 4px solid grey; }
.team4 .image {   border: 4px solid yellow; }
.team5 .image {   border: 4px solid red; }
.team6 .image {   border: 4px solid orange; }
*/

.team .image img {
  margin-left: -17%; /*delete me for default*/
  width: auto;
  height: 90%; /*100*/
}