.teachers {
   display: flex;
   flex-wrap: wrap;
   background-color: #fff;
   padding: 20px;
}
.card_item_teacher {
   flex-basis: 33%;
   display: flex;
   justify-content: center;
   margin-bottom: 20px;
}
.image-container {
   display: flex;
   justify-content: center;
}
.info-container p {
   text-align: center;
   margin: 0;
   font-family: var(--font);
font-weight: 700;
font-size: .83em;
}
.image-container img {
   display: block;
   border-radius: 100%;
 }
 .info-container .card-title {
   color: #1ea2b9;
   font-size: 1.17em;
 }
 .info-container .subjects {
   text-transform: uppercase;
   font-size: 1em;
}
 .section_teacher {
   background-color: #fff;
 }
 .teachers_button {
   display: flex;
   justify-content: center;
   margin: 20px 0;
 }
 .teachers_button a {
  display: inline-flex;
  padding: 10px 20px;
  background-color: rgba(255,226,55,.8);
  color: #000;
  font-weight: 700;
  text-decoration: none;
  border-radius: 30px;
}
.teachers_button a:hover {
  background: rgba(255,226,55,.8);
}


 @media screen and (max-width:770px){
   .card_item_teacher {
     flex-basis: 50%;
   }
  }
 
  @media screen and (max-width:480px){
   .card_item_teacher {
     flex-basis: 100%;
   }
  }