{% require_css %}
<style>
  {% scope_css %}

.title {
  margin-bottom: 50px;
}

.title .content {
  margin-bottom: 30px;
}
  
.team-list { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.team-member { 
  width: 100%;
  margin: 0;
}

.team-member .image img { 
  width: 100%; 
  height: 254px; 
  object-fit: cover; 
  object-position: top center; 
}
  
@media (max-width:991px) {
    .team-list {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .team-member .image img { 
      height: 178px; 
    }
    .team-member .bottom h3 { 
      font-size: 20px; 
    }
}
  
@media (max-width:767px) {
    .team-list {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
      max-width: 480px;
    }
    .team-member .image img { 
      height: 220px; 
    }
}
  
@media (max-width:480px) {
    .team-list {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .team-member .image img { 
      height: 178px; 
    }
}
  
  {% end_scope_css %}
</style>
{% end_require_css %}