.home-hero {
  position: relative;
  height: clamp(50rem, calc(var(--vh, 1vh) * 100), 70rem);
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.home-recruit-images {
  display: grid;
  row-gap: 1rem;
  column-gap: 2rem;
  & img {
    object-fit: cover;
    width: 100%;
    height: 10rem;
  }
  @media (min-width: 1024px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    & img {
      height: 100%;
    }
  }
}