/*--------------------------------------------------------------
# Instructors
--------------------------------------------------------------*/
#hero {
  width: 100%;
  background: url("/assets/images/instructors/hero.jpg") top center no-repeat fixed;
  background-size: cover;
  background-position: 50% -28vh;
  height: 50vh;
  min-height: 300px;
  clip-path: url(#wavy-clip-path);
}
@media (hover: none) {
   #hero {
     background-attachment: initial;
     background-position: 50% 0;
   }
}
#instructor-cards .card {
  height: 15vh;
}
.instructor-image-container {
  overflow: hidden;
}
.instructor-image-container img {
  transition: transform 0.5s ease;
}
.card:hover .instructor-image-container img {
  transform: scale(1.05);
}
.card:hover {
  border: 1px solid var(--bs-primary);
}