.mainteam {
  display:flex;
  --s: 220px;  /* size  */
  --m: 5px;    /* margin */
  --f: calc(1.732 * var(--s) + 4 * var(--m)  - 1px);
}

.team_desc {
  position: absolute;
  width: var(--s);
  background-color: #ffffff91!important;
  margin: auto!important;
  height: 140px!important;
  margin-top: 115px!important;
  transition: all 1s;
}
.team_desc:hover {
  transition: all 1s;
  background-color: #ffffffc9!important;
  height: 155px!important;
  margin-top: 100px!important;
}
.team_desc p{
  position: relative;
  text-align: center;
  color: #032a4d;
  font-family: 'RobotoSlab';
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
.team_desc p.desc {
  font-size: 0.8rem;
  margin: -25px 0px;
  font-weight: 100;
  line-height: 1rem;
}

.containerteam {
  font-size: 0; /*disable white space between inline block element */
  padding-bottom: 500px;
  padding-top: 50px;
}

.containerteam div {
  width: var(--s);
  margin: var(--m);
  height: calc(var(--s)*1.1547); 
  display: inline-block;
  font-size:initial;
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  background: #032a4d;
  margin-bottom: calc(var(--m) - var(--s)*0.2885); 
  background-size: 101%;
  background-position: center; 
  transition: background-size 1s;
  transition: all 1s;
}

.containerteam div:hover {
    background-size: 107%;
    transition: background-size 1s;
    transition: all 1s;
    cursor: pointer;
  }
div#p_warczak {background-image: url(../img/team/p_warczak1.jpg);}
div#k_warczak {background-image: url(../img/team/k_warczak1.jpg);}
div#a_swiercz {background-image: url(../img/team/a_swiercz1.jpg);}
div#j_wijatkowski {background-image: url(../img/team/j_wijatkowski1.jpg);}
div#g_magdziarz {background-image: url(../img/team/g_magdziarz1.jpg);}
div#p_sokolowska {background-image: url(../img/team/p_sokolowska1.jpg);}
div#s_fraszczyk {background-image: url(../img/team/s_fraszczyk1.jpg);}
div#m_sedrowska {background-image: url(../img/team/m_sedrowska1.jpg);}
div#a_gaszcz {background-image: url(../img/team/a_gaszcz1.jpg);}
div#k_fliszewska {background-image: url(../img/team/k_fliszewska1.jpg);}


.containerteam::before {
  content: "";
  width: calc(var(--s)/2 + var(--m));
  float: left;
  height: 120%;
  shape-outside: repeating-linear-gradient(     
                   #0000 0 calc(var(--f) - 3px),      
                   #000  0 var(--f));
}

@media only screen and (max-width: 768px) {
  .mainteam {
    --s: 160px;
  }
  .team_desc {
    height: 115px!important;
    margin-top: 75px!important;
  }
  .team_desc p{
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
  .team_desc p.desc {
    font-size: 0.6rem;
    line-height: 0.7rem;
}
}