.template__instructors .instructors {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 0.25rem;
}
.template__instructors .instructors::before,
.template__instructors .instructors::after {
  display: none;
}

.template__instructors .instructors .instructor {
  float: none;
  width: auto;
  margin: 0;
  aspect-ratio: 1;
  min-height: 0;
  padding: 0;
}

.template__instructors .instructor .image,
.template__instructors .instructor .image img,
.template__instructors .instructors .instructor {
  border-radius: var(--border-radius);
}

.template__instructors .instructor {
  padding: 0;
}

.template__instructors .instructors .instructor .name {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  background-color: rgba(15, 85, 115, 0.8);
  padding: 0.5rem 0.25rem;
  height: unset;
  transform: translateY(calc(100% - 2.375rem));
  margin: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 200ms ease-out;
}
.template__instructors .instructors .instructor:hover .name {
  height: unset;
  transform: translateY(0);
}