.staff {
  aspect-ratio: 9/8;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
  margin-top: 3rem;
  width: 75%;
  transform: translateX(-14%);
}

.staff_imagecontainer {
  aspect-ratio: 1/1;
  position: absolute;
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
}

.staff_imagecontainer-top-left {
  transform: translateY(-38%);
  width: 50%;
}

.staff_imagecontainer-top-right {
  transform: translate(105%, -38%);
  width: 50%;
}

.staff_imagecontainer-bottom-left {
  transform: translate(-52.5%, 41.5%);
  width: 48.5%;
}

.staff_imagecontainer-bottom-right {
  transform: translate(52.5%, 41.5%);
  width: 48.5%;
}

.staff_imagecontainer img {
  display: block;
  background-color: var(--bs-danger-darker);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1200px) {
  .staff {
    transform: translateX(-17%);
  }
}