.teamContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:20px;
}

.teamItem {
  flex: 0 32%;
  margin-bottom: 2%; /* (100-32*3)/2 */
  position: relative;
    overflow: hidden;
  background-color: #f4f4f4;
}

.teamItem img {
  height: auto;
  width: 100%;
}

.teamItem:nth-child(3n+1) .teamImg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.teamText {
  background-color: #f4f4f4;
  padding: 2px 5px;
  white-space: pre-wrap;
    -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  hyphens: none;
}

.teamText.red {
 color: #c71d25;
  font-size: 24px;
}

.teamInfo {
 position: absolute;
 bottom: 0;
      -moz-transition:all 400ms ease-in-out;
    -webkit-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
    transition:all 400ms ease-in-out;
}

.teamInfo p, .teamInfoLang p {
 padding: 0px; 
}

.teamInfoLang {
    position: absolute;
    bottom:0;
    left:0;
    height:300px;
    width:100%;
    margin:0 0 -300px 0;
    -moz-transition:all 400ms ease-in-out;
    -webkit-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
    transition:all 400ms ease-in-out;
}

.teamItem:hover .teamInfoLang {
   margin:0;
}

.teamItem:hover .teamInfo {
    -webkit-transform:translate3d(0, -300px, 0);
    -moz-transform:translate3d(0, -300px, 0);
    -o-transform:translate3d(0, -300px, 0);
    transform:translate3d(0, -300px, 0);
}

.teamList a, .teamBack a, .teamItem a {
  color: #000 !important;
  text-decoration: underline;
}

.teamWrap {
  display: flex;
  flex-direction: column;
}

.teamList {
  display: block;
}

.teamBack {
  padding: 20px 0px;
}
 
.teamBack p:before {
 content:'<';
  height:1em;
  width:auto;
  padding-right: 10px;
}


@media (max-width: 1000px) {
  .teamItem {
  flex: 0 48%;
  
}
  
@media (max-width: 600px) {
  .teamItem {
  flex: 0 100%;
  
}