.profesor-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 18px;
  overflow: hidden;
  border: 4px solid var(--gold);
}

.profesor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .hero {
    background-position: center top;
    padding: 100px 6% 50px;
  }

  .profesor-avatar {
    width: 95px;
    height: 95px;
  }
}
.profesor-avatar img {
  transition: transform .3s ease;
}

.profesor-card:hover .profesor-avatar img {
  transform: scale(1.08);
}