#content {
    width: 90%;
}

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


/*Building content*/

.teamscontainer {
  position: relative;
  margin: auto;
  float: left;
  width: 100%;
}
.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%;
}
/*
.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*/
}