.part-3 {
  clear: both;
}

.part-3 .progress {
  text-align: center;
}

.part-3 .teamproject {
  width: 100%;
  display: flex;
  justify-content: center;
  /* align-content: space-around; */
  flex-wrap: wrap;
}

.part-3 .project {
  border: 1px solid black;
  flex: 50%;
  max-width: 600px;
  margin: 1em;
  display: flex;
}

.part-3 .project > div {
  padding: 1em;
}

.part-3 .project-photo {
  padding: 0 !important;
  width: 70%;
  float: left;
  height: 300px;
  border-right: 1px solid black;
}

.part-3 .project-desc {
  background-color: rgb(161, 178, 255);
  width: 30%;
}

.part-3 .over {
  display: none;
}

.part-3 .names {
  position: absolute;
  bottom: 2px;
}

.part-3 .out {
  position: relative;
  height: 100%;
}

.part-3 .project-photo img {
  width: 100%;
  height: 100%;
}

.part-3 .project-photo {
  position: relative;
}

.part-3 .banner {
  position: absolute;
  top: 0px;
  background-color: rgb(203, 255, 203);
  padding: 0.5rem 1rem;
}