.employee_grid {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.employee-list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.employee_grid img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.emp_designation {
  margin-top: -0.5rem;
}

@media (max-width: 768px) {
  .employee-block {
    width: 80% !important;
    margin: 0 auto;
  }
}

@media (min-width: 530px) {
  .employee_grid {
    gap: 6rem;
  }

  .employee-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    width: 100%;
  }

  .employee-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .employee-card img {
    max-width: 90%;
    height: auto;
  }
}

@media (min-width: 768px) {
  .employee-list {
    grid-template-columns: repeat(3, 1fr);
  }

  .emp_designation {
    margin-top: -1rem;
  }
}