.faculty-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding: 2rem;
  text-align: center;
}



    .faculty-card {
      width: 250px;
      flex: 0 0 auto;
    }

    .faculty-card img {
      width: 250px;
      height: 250px;
      object-fit: cover;
      border-radius: 50%;
      border: 3px solid black;
      transition: transform 0.3s ease;
    }

    .faculty-card img:hover {
      transform: scale(1.05);
    }

    .faculty-card h4 {
      margin-top: 0.5rem;
      font-size: 1.1rem;
    }

    .faculty-card a {
      text-decoration: none;
      color: #003366;
      font-weight: bold;
    }

    .faculty-card a:hover {
      text-decoration: underline;
    }